@import "src/scss/core/mixin";
.donate-box {
    display: flex;
    justify-content: flex-end;
    padding: toRem(29) toRem(29) toRem(139) toRem(29);
    transition: .3s ease-in-out all;
    &__inner {
        width: 50%;
    }
    &:hover,
    &:focus {
        background-color: var(--new-bg-hsl) !important;
    }
    a.cta {
        @include linkWithArrow();
        margin-top: 1rem;
    }
    @include tablet {
        padding: toRem(20) toRem(20) toRem(90) toRem(20);
        &__inner {
            width: 100%;
        }
    }
    @include mobile {
        padding: toRem(12) toRem(12) toRem(90) toRem(12);
    }
}