JSFiddle - React, Tailwind, and code Playground

HTML

<div class="buttonset one_half"> 
    <div>Twins</div>
    <label for="twins_yes">
        <input id="twins_yes" name="twins" type="radio" value="Yes">Yes</label><!--
    --><label for="twins_no" class="checked">
        <input id="twins_no" name="twins" type="radio" value="No" checked>No</label>
</div>

CSS

.buttonset label {
	    width: 45%;
	    display: inline-block;
	    border: 2px solid #eee;
	    text-align: center;
	    padding: 5px 0px;
	    margin: 0px;
	}
	.buttonset label.checked {
	    border: 2px solid #5dccdb;
	    color: #5dccdb;
	    font-style: italic;
	}
	.buttonset input[type='radio'] {
	    display: none !important;
	}