Стилизированный radiobutton

Стилизация radiobutton

<!-- HTML -->
<label>
	<input class="radio" type="radio" name="radio-test">
	<span class="radio-custom"></span>
	<span class="label">Lorem ipsum dolor sit amet, consectetur</span>
</label>

<!-- CSS -->
.radio {
	display: none;
}
.radio-custom {
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	border-radius: 3px;
	position: relative;
}
.radio-custom,
.label {
	display: inline-block;
	vertical-align: middle;
}
.radio:checked + .radio-custom::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #413548;
	border-radius: 2px;
}
.radio-custom,
.radio:checked + .radio-custom::before {
	border-radius: 50%;
}