.woocommerce-form__input.woocommerce-form__input-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
} .woocommerce-form__label-for-checkbox {
position: relative;
padding-left: 28px;
cursor: pointer;
display: inline;
line-height: 2;
background: #f8f9fa;
} .woocommerce-form__label-for-checkbox:hover {
} .woocommerce-form__label-for-checkbox:active {
transform: translateY(0);
box-shadow: 0 2px 6px rgba(166, 45, 38, 0.1);
} .woocommerce-form__input.woocommerce-form__input-checkbox + span:before {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 18px;
height: 18px;
border-radius: 3px;
background: #fff;
border: 1px solid #888;
transition: all 0.2s ease;
} .woocommerce-form__input.woocommerce-form__input-checkbox:checked + span:after {
content: '✔';
position: absolute;
left: 4px;
top: -5px;
font-size: 16px;
color: #fff8f8;
transition: all 0.2s ease;
} .woocommerce-form__input.woocommerce-form__input-checkbox:checked + span:before {
border-color: #a62d26;
background: #a62d26;
} .woocommerce-form__label-for-checkbox:hover span:before {
border-color: #a62d26;
} .privacy-checks .checkbox-error span:before {
border-color: #a62d26 !important;
}
.privacy-checks .checkbox-error span {
color: #a62d26;
} .privacy-error-msg {
color: #a62d26;
font-size: 13px;
margin-top: 4px;
}
.privacy-checks {
border: 1px solid #ddd;
padding: 10px;
border-radius: 5px;
margin: 20px 0;
background-color: #f8f9fa;
}
.privacy-checks .form-row { padding: 3px;
margin: 0 0 6px;
}
.privacy-checks .checkbox-error {
color: #a62d26;
font-weight: bold;
}
.privacy-error-msg {
color: #a62d26;
font-size: 13px;
margin-top: 5px;
font-style: italic;
} .woocommerce-form__input.woocommerce-form__input-checkbox + span:before {
transition: all 0.3s ease;
}
.privacy-checks label:hover {
font-weight: 600;
} @media (max-width: 768px) {
.woocommerce-form__label-for-checkbox {
padding: 10px 12px 10px 40px;
margin: 8px 0;
}
.woocommerce-form__input.woocommerce-form__input-checkbox + span:before {
left: 12px;
width: 16px;
height: 16px;
}
.woocommerce-form__input.woocommerce-form__input-checkbox:checked + span:after {
left: 16px;
font-size: 13px;
}
}