JSFiddle - React, Tailwind, and code Playground

HTML

<label><input type="radio" name="left"><span>Left</span></label>
<label><input type="radio" name="Middle"><span>Middle</span></label>
<label><input type="radio" name="Right"><span>Right</span></label>

CSS

input{
	display: none;
}
input:checked + span{
	background-color: #e6e6e6;
	box-shadow: inset  0px 0px 3px 3px rgba(0,0,0, 0.1);
}
input+span{
	display: inline-block;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid;
	border-radius: 4px;
	margin-right:-6px;

}
span:hover{
	background-color: #e6e6e6;
}