JSFiddle - React, Tailwind, and code Playground

HTML

<label>
   <input type="radio" name="h" value="1">
   <div></div>
</label>

CSS

input[type="radio"] {
   display: none;
}
input[type="radio"] + div {
   height: 20px;
   width: 20px;
   display: inline-block;
   cursor: pointer;
   vertical-align: middle;
   background: #FFF;
   border: 1px solid #d2d2d2;
   border-radius: 100%;
} 
  
    input[type="radio"] + div:hover {
    	border-color: #c2c2c2;
    }
    input[type="radio"]:checked + div {
    	background:gray;
    }