[Código] Checkbox personalizado

				
					selector .elementor-field-textual{
    font-size: 14px; /* Tamanho da fonte do placholder */
}

/* Deixa o box invisível */
selector input[type="checkbox"], selector input[type="radio"]{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Para botões radio */
.elementor-field-group-aceite > div label:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 0.5em;
	border-radius: 0%;
	vertical-align: -3px;
	border: 2px solid #791DF3; /* Cor da borda do Checkbox */
	padding: 0.13em;
	background-color: transparent;
	background-clip: content-box;
	transition: all 0.2s ease;
}

.elementor-field-group-aceite > div label{
	margin-right: 1em;
}
.elementor-field-group-aceite > div input:hover + label:before{
	border-color: #791DF3; /* Altere a cor */
	background-color: #791DF3; /* Altere a cor */
}
.elementor-field-group-mt_radio > div input:checked + label:before{
	background-color: #791DF3; /* Altere a cor */
	border-color: #791DF3; /* Altere a cor */
}

/* Para botões checkbox */
.elementor-field-group-aceite > div label:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 0.5em;
	vertical-align: -3px;
	border: 1px solid #791DF3; /* Cor da borda do Checkbox */
	padding: 0.15em;
	background-color: transparent;
	background-clip: content-box;
	transition: all 0.2s ease;
    border-radius: 0px; /* Border-radius do checkbox */
}

.elementor-field-group-aceite > div label{
	margin-right: 1em;
	position: relative;
}

.elementor-field-group-aceite > div label:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: "";
	height: 11px;
	left: 2px;
	position: absolute;
	top: 11px;
	transform: scaleX(-1) rotate(135deg);
	transform-origin: left top;
	width: 6px;
	display: none;
}

.elementor-field-group-aceite > div input:hover + label:before{
	border-color: #791DF3; /* Altere a cor */
	cursor: pointer;
}

.elementor-field-group-aceite > div input:checked + label:before {
	border-color: #791DF3; /* Altere a cor */
	background: #791DF3; /* Altere a cor */
}

.elementor-field-group-aceite > div input:checked + label:after{
	-moz-animation: check 0.8s ease 0s running;
	-webkit-animation: check 0.8s ease 0s running;
	animation: check 0.8s ease 0s running;
	display: block;
	width: 6px;
	height: 11px;
	border-color: #FFFFFF; /* Cor do check */
	margin-top: -4px; /* Margem do ícone de check */
}

/* Animação do Check */
@keyframes check{
    0%{
        height: 0;
        width: 0;
    }

    25%{
        height: 0;
        width: 6px;
    }

    50%{
        height: 11px;
        width: 6px;
    }
}

.elementor-field-group-aceite{
    font-size: 12px; /* Tamanho do texto do campo Aceite */
    line-height: 1.8em;
}