JSFiddle - React, Tailwind, and code Playground

HTML

<div class="buttons">
  <label class="inputbox"><input type="radio" name="side" value="left"><span>Left</span></label>
  <label class="inputbox"><input type="radio" name="side" value="middle"><span>Middle</span></label>
  <label class="inputbox"><input type="radio" name="side" value="right"><span>Right</span></label>  
</div>

CSS

.inputbox > input {
  visibility: hidden;
}

.inputbox > input:focus + span {
  color: red;
}