.form-donation__btn-amount[data-active] {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.donation-options:has(input[data-field-invalid]) .form-donation__btn-amount {
    border-color: var(--color-error);
    border-style: solid;
    animation: shake 500ms linear;
}

.btn-donation-close {
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--color-white);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.24);
    border-radius: 50%;
    margin-right: var(--unit-12);
}