.give-support {
    background:    top / cover no-repeat url(/images/give-support-bg-mobile_n.webp), rgba(0, 0, 0, 1);
    border-bottom: 1px solid var(--border-main-contrast);
    border-top:    1px solid var(--border-main-contrast);
    color:         var(--text-main-contrast);
    min-height:    608px;
    padding:       50vw 16px 16px;
}

.give-support_wrapper {
    -webkit-box-direction: normal;
    -webkit-box-orient:    vertical;
    -webkit-box-pack:      justify;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-pack:         justify;
    gap:                   40px;
    justify-content:       space-between;
}

.give-support_content {
    -webkit-box-direction: normal;
    -webkit-box-orient:    vertical;
    display:               flex;
    display:               -webkit-box;
    display:               -ms-flexbox;
    -ms-flex-direction:    column;
    flex-direction:        column;
}

.give-support_header {
    margin-bottom: 12px;
}

.give-support_text {
}

.give-support_buttons {
    -webkit-box-direction: normal;
    -webkit-box-orient:    vertical;
    -webkit-box-pack:      center;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-pack:         center;
    gap:                   4px;
    justify-content:       center;
    text-align:            center;
}

.give-support_button__bg {
    align-items:       baseline;
    background:        var(--bg-button-contrast);
    border-radius:     2px;
    -webkit-box-align: center;
    -webkit-box-pack:  center;
    cursor:            pointer;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -ms-flex-align:    center;
    -ms-flex-pack:     center;
    gap:               8px;
    justify-content:   center;
    padding:           22px;
}

.give-support_button__bg:hover {
    background: var(--bg-button-hover);
}

.give-support_button__or {
    color: var(--text-caption-contrast);
}

.give-support_button__nobg {
    align-items:       center;
    border:            1px solid var(--border-control-contrast);
    border-radius:     2px;
    -webkit-box-align: center;
    -webkit-box-pack:  center;
    cursor:            pointer;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -ms-flex-align:    center;
    -ms-flex-pack:     center;
    justify-content:   center;
    padding:           22px;
}

.give-support_button__nobg:hover {
    background: var(--bg-alpha-white-8);
}

@media (min-width: 768px) {
    .give-support {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
                    right / cover no-repeat url("../../../../../images/give-support-bg.webp"),
                    rgba(0, 0, 0, 1);
        background: -o-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
                    right / cover no-repeat url("../../../../../images/give-support-bg.webp"),
                    rgba(0, 0, 0, 1);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
                    right / cover no-repeat url("../../../../../images/give-support-bg.webp"),
                    rgba(0, 0, 0, 1);
        display:    -webkit-box;
        display:    -ms-flexbox;
        display:    flex;
        min-height: 608px;
        padding:    32px 0px 32px 34px;
    }

    .give-support_wrapper {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .give-support_wrapper {
        width: 60%;
    }
}

@media (min-width: 1240px) {
    .give-support_wrapper {
        width: 50%;
    }

    .give-support_buttons {
        align-items:           center;
        -webkit-box-align:     center;
        -webkit-box-direction: normal;
        -webkit-box-orient:    horizontal;
        -webkit-box-pack:      start;
        -ms-flex-align:        center;
        -ms-flex-direction:    row;
        flex-direction:        row;
        -ms-flex-pack:         start;
        gap:                   20px;
        justify-content:       flex-start;
    }

    .give-support_button__bg {
        padding: 24px;
    }

    .give-support_button__nobg {
        padding: 24px;
    }
}