JSFiddle - React, Tailwind, and code Playground

HTML

<div class="_lc_radio_button">
                            <div class="_radio_holder">
                                <input value="look_indiv_plan" name="radioButtons" type="radio" id="radioButtons_1" class="input_radio" checked="checked">
                            </div>
                            <div class="_radio_label_holder">
                                <label for="radioButtons_1">Looking for an Individual or Family Plan</label>
                            </div>
                        </div>

SCSS

._lc_radio_button{
  background: blue;
  color: white;
}
.input_radio{
		-webkit-appearance: none;
		-moz-appearance: none;
	    height: 20px;
	    width: 20px;
	    border: 2px solid white;
	    border-radius: 50%;
	    box-shadow: none;
   		outline: none;

	    &:after {
	        content: "";
		    height: 12px;
		    width: 12px;
		    border-radius: 50%;
		    position: relative;
		    background-color: white;
		    left: 2px;
		    top: 2px;
        display: inline-block;
	      }
	}