custom-checkbox-radio-buttons-1.html

<form>
	<fieldset class="js-nc-form-buttons">
		<legend>This is the radio selection</legend>
		<p class="nc-button-wrapper">
			<input type="radio" name="color" id="color_1" value="red">
			<label for="color_1">
				Red
			</label>
		</p>
		<p class="nc-button-wrapper">
			<input type="radio" name="color" id="color_2" value="yellow">
			<label for="color_2">
				Yellow
			</label>
		</p>
	</fieldset>

	<fieldset class="js-nc-form-buttons">
		<legend>This is the checkbox selection</legend>
		<p class="nc-button-wrapper">
			<input type="checkbox" name="fruit" id="fruit_1" value="orange">
			<label for="fruit_1">
				Orange
			</label>
		</p>
		<p class="nc-button-wrapper">
			<input type="checkbox" name="fruit" id="fruit_2" value="apple">
			<label for="fruit_2">
				Apple
			</label>
		</p>
	</fieldset>
</form>