Form Radio
Here are some options.
This uses a svg to replace the default checkbox styles.
.radio Add class of radio to the input
<form action="#" autocomplete="off">
<ul class="radios">
<li>
<input type="radio" class="radio" name="radio--01" id="radio--01-01">
<span></span>
<label for="radio--01-01">Option 1</label>
</li>
<li>
<input type="radio" class="radio" name="radio--01" id="radio--01-02">
<span></span>
<label for="radio--01-02">Option 2</label>
</li>
<li>
<input type="radio" class="radio" name="radio--01" id="radio--01-03">
<span></span>
<label for="radio--01-03">Option 3</label>
</li>
<li>
<input type="radio" class="radio" name="radio--01" id="radio--01-04">
<span></span>
<label for="radio--01-04">Option 4</label>
</li>
</ul>
</form>