JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" id="chk_a" class="custom-check" />
<label for="chk_a" class="custom-check">A</label>

CSS

input[type=radio].custom-check{
    position: absolute; overflow:hidden; width:1px;height:1px;
    clip:rect(0 0 0 0);margin:-1px;padding:0;border:0;
}
input[type=radio].custom-check + label.custom-check{
    display:inline-block;
    padding-left:1em;
}
input[type=radio].custom-check:checked + label.custom-check:before{
    position:absolute;margin-left:-1em;
    content:'✔';
}