.widget .wd-checkboxes-on li>a:before {
	content: "";
	font-family: "woodmart-font";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.4em;
	height: 1.4em;
	margin-inline-end: 8px;
	border: 2px solid var(--brdcolor-gray-300);
	vertical-align: middle;
	font-size: 10px;
	transition: all .2s ease;
	color: transparent;
}

.widget .wd-checkboxes-on li>a:hover:before {
	border-color: var(--wd-primary-color);
}

.widget .wd-checkboxes-on li.wd-active>a:before {
	background-color: var(--wd-primary-color);
	border-color: var(--wd-primary-color);
	color: #fff;
}