JSFiddle - React, Tailwind, and code Playground

HTML

<div id='uncheck'>
  <input type="radio" name='food' id="box0" checked />
  <input type="radio" name='food' id="box1" /> 
  Pizza 
    <label for='box1'>&#9678;</label> 
    <label for='box0'>&#9673;</label>
  <input type="radio" name='food' id="box2" /> 
  Ice cream 
    <label for='box2'>&#9678;</label> 
    <label for='box0'>&#9673;</label>
</div>

CSS

#uncheck>input { display: none }
input:checked + label { display: none }
input:not(:checked) + label + label{ display: none } 

#uncheck label {
  cursor: pointer; user-select: none;
}