JSFiddle - React, Tailwind, and code Playground

by Alexey Zakharov

HTML

<div class="licence_block filter label_block">
						<input type="checkbox" id="licenses_popup_OCB" name="licenses_popup_OCB" aria-required="true">
						<label for="licenses_popup_OCB" class="license">
							Я согласен на <a href="/include/licenses_detail.php" target="_blank">обработку персональных данных</a>						</label>
					</div>

CSS

.bx_filter_vertical input[type="checkbox"]:checked + label:before,
.bx_filter_vertical input[type="checkbox"] + label:not(.disabled):hover:before,
.filter input[type="checkbox"]:checked + label:before,
.filter input[type="checkbox"] + label:hover:before,
.filter input[type="radio"]:checked + label:before,
.filter input[type="radio"] + label:hover:before
{
    display: inline-block;
    z-index: 3;
    color: #FFF;
    background: #d9002a;
    content "";
}