.agreement__wrapper span.error {
    display: none !important;
}

.agreement__wrapper:has(input.error) * {
    color: rgb(204 94 94);
}
.form-control.error {
    border-color: rgb(204 94 94);
}
.popup__form-main span.error {
    color: rgb(204 94 94);
}
.form-control.error:focus {
    box-shadow: 0 0 0 0.25rem rgb(138 30 30 / 25%);
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

.shake {
    animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
    display: flex;
}