JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wine_club_selection">

<div id="option1">
<p><input type="radio" name="club_type" checked="checked" value="option 1"><br/>
<span class="bold_text">Option 1</span><br/>
3 Bottles<br/>
15% Discount<br/></p></div>

<div id="option2">
<p><input type="radio" name="club_type" value="option 2" ><br />
<span class="bold_text">Option 2</span><br />
6 Bottles<br />
20% Discount<br/>
</p></div>

<div id="option3">
<p><input type="radio" name="club_type" value="option 3"><br>
<span class="bold_text">Option 3</span><br />
12 Bottles<br />
25% Discount<br />
</p></div>

</div>

CSS

/* WINE CLUB PAGE */
#wine_club_selection {
	height:200px;
	width:800px;
}

#option1 {
float:left;
width:266px;
}

#option1 p {
	text-align:center;
}

#option2 {
float:left;
width:266px;
}

#option2 p {
	text-align:center;
}

#option3 {
float:right;
width:266px;
text-align: center;
}

#option3 p {
	text-align:center;
}


.bold_text {
	font-weight:800;
}

.billing_table input {
font-size:18px;
color:#620101;
}

#option1 input[type="radio"]:checked ~ *{ 
        border: thin solid #F00;!important;
}

#option2 input[type="radio"]:checked ~ *{ 
        border: thin solid #F00;!important;
}

#option3 input[type="radio"]:checked ~ *{ 
        border: thin solid #F00;!important;
}