JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="radio" id="r1" checked>
<label for="r1"></label>
<input type="radio" name="radio" id="r2">
<label for="r2"></label>

CSS

input[type=radio] {
    display: none;
}
input[type=radio] + label {
    width: 10px;
    height: 10px;
    background: white;
    display: block;
    margin: 1em;
    padding: 5px;
    border: 1px solid black;
    border-radius: 100%;
}
input[type=radio]:checked + label:before {
    content: "";
    position: absolute;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}