JSFiddle - React, Tailwind, and code Playground

HTML

<label>Time Zone: EST</label><br>
                  <p class="line-item-property__field radio-toolbar">
                    <input required type="radio" name="properties[Time Zone: EST]" value="10:00 am" checked><span>10:00 am</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="11:00 am"> <span>11:00 am</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="12:00 am"><span>12:00 am</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="1:00 pm"> <span>1:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="2:00 pm"> <span>2:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="3:00 pm"> <span>3:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="4:00 pm"> <span>4:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="5:00 pm"> <span>5:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="6:00 pm"> <span>6:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="7:00 pm"> <span>7:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="8:00 pm"> <span>8:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="9:00 pm"> <span>9:00 pm</span>
                    <input required type="radio" name="properties[Time Zone: EST]" value="10:00pm"> <span>10:00 pm</span>
                      </p>

CSS

.radio-toolbar {
  margin: 10px;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
   width: 0;
   position: absolute;
  
}

.radio-toolbar span {
    display: inline-block;
    background-color: transparent;
    padding: 10px 20px;
    width: 30.33%;
  	margin: 5px 4px;
    font-size: 16px;
    border: 2px solid #bfbfbf;
    border-radius: 1px;
}

.radio-toolbar span:hover {
  background-color: #f79da9;
  color: #fff;
  transition: 0.5s;
  cursor: pointer;
}

.radio-toolbar input[type="radio"]:focus + span {
    border: 2px dashed #444;
}

.radio-toolbar input[type="radio"]:checked + span {
    background-color: #bfb;
    border-color: #4c4;
}