.separator--privacy-opt {
	border: none;
	border-top: 2px solid var(--lgpd-primary-color);

	margin-top: 32px !important;
	width: 100%;
	height: fit-content;
}

.contact__privacy-opt {
	display: flex;
	flex-direction: column;
}

.contact__privacy-opt-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;

	gap: 16px;
	margin-top: 16px;
}

.contact__privacy-opt-checkbox{
	display: none;
}

.contact__privacy-opt-label{
	flex: 1 1 content;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.contact__privacy-opt-label::before{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;

	margin-right: 8px;
	border: 1px solid var(--lgpd-primary-color);
	border-radius: .25rem;
	cursor: pointer;

	transition: border .3s ease-in-out;
}

.contact__privacy-opt-disclaimer{
	margin-top: 12px;
	margin-bottom: 0;

	font-size: 12px;
}

.btn-default--disabled,
.btn-default--disabled:hover,
.btn-default--disabled.button.-accent,
.btn-default--disabled.button.-accent:hover{
	background: #F4F5F6 !important;
	color: black !important;
	border: none !important;

	cursor: not-allowed !important;
	position: relative !important;
	contain: layout !important;
}

.contact__privacy-opt-checkbox--error + .contact__privacy-opt-label {
	animation: horizontalShake 0.5s ease-in-out forwards;
}

.contact__privacy-opt-checkbox--error + .contact__privacy-opt-label::before {
	border-color: red;
}

.contact__privacy-opt-checkbox:checked + .contact__privacy-opt-label::before{
	background: url(../../../images/check.png) no-repeat center center / 9px 9px;
	border-color: var(--lgpd-primary-color);
}

#form-contact.-light.row .contact__privacy-opt-checkbox:checked + .contact__privacy-opt-label::before{
	background: url(../../../images/check-yellow.png) no-repeat center center / 9px 9px;
}


@keyframes horizontalShake {
	0% {
		transform: translateX(0);
	}
	20% {
		transform: translateX(-5px);
	}
	40% {
		transform: translateX(5px);
	}
	60% {
		transform: translateX(-3px);
	}
	80% {
		transform: translateX(3px);
	}
	100% {
		transform: translateX(0);
	}
}