/* stylelint-disable selector-class-pattern */

.give-donor-dashboard__subscription-manager {
    display: flex;
    flex-direction: column;

    &-spinner {
        animation: spin infinite 1s linear;
    }

    .give-donor-dashboard-button--primary, .give-donor-dashboard-button--variant {
        max-width: fit-content;
    }

    .give-donor-dashboard-button.give-donor-dashboard-button--variant{
        position: relative;

        &:hover:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: var(--give-donor-dashboard-accent-color);
            z-index: 0;
            transition: filter 0.3s ease;
            filter: brightness(125%);
            opacity: .15;
        }

        span {
            position: relative;
            z-index: 1;
            color: var(--give-donor-dashboard-accent-color);
        }
    }

    &__cancel {
        color: #d92d0b;
        padding: 0;
        margin: 2rem 0 1.75rem 0;
        background: none;
        font-size: .873rem;
        font-weight: 600;
        text-align: right;
        border: none;
        outline: none;
        cursor: pointer;
    }

    .give-donor-dashboard-field-row {
        display: flex;
        justify-content: flex-end;
        margin: 10px 0;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}