JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <label>
       <input type="radio" name="test" class="hide-input" />
       <button class="radiobutton">Radio number one</button>
    </label>
</div>
<div>
   <label>
       <input type="radio" name="test" checked="checked" class="hide-input" />
       <button class="radiobutton">Radio number two</button>
    </label>
</div>

CSS

.hide-input {
  position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: 0;
	padding: 0;
  border: 0;
  opacity: 0.001;
}

.radiobutton{
  margin: 5;
}

.hide-input:checked+.radiobutton
{
    font-weight: bold;  
}