/* ------------------------------ */
/* ----------- Buttons ---------- */
/* ------------------------------ */

/* General */
.section > .section__button, .section .row > div > .section__button, .section > .section__buttons, .section .row > div > .section__buttons {
    padding-top: 0;
}

.section__buttons .button, .buttons .button {
    display: inline-block;
}

.section__buttons .button a, .buttons .button a {
    margin-top: 0;
}
  
.section__buttons .button:last-child, .buttons .button:last-child {
    margin-right: 0;
}


/* Button */
.button {
    line-height: 1;
}

.button a, button {
    position: relative;
    display: inline-block;
    line-height: 1;
}

button {
    cursor: pointer;
    padding: 0;
    font-weight: normal;
    background-color: transparent;
    border: 0;
}


/* Filled */
.button--filled a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.filter):not(.filter_button):not(.ex_s_lick-arrow):not(.gm-control-active):not([aria-label="Kurzbefehle"]), .quform-upload-button-text, .quform-button-submit-4_30 button {
    font-size: var(--font-size-1);
    font-weight: bold;
    color: var(--brand-white);
    border-radius: 50px;
}

.button--filled a span, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.filter):not(.filter_button):not(.ex_s_lick-arrow):not(.gm-control-active):not([aria-label="Kurzbefehle"]) span, .quform-button-submit-4_30 button span {
    position: relative;
    z-index: 2;
}

.button--filled a::after, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.filter):not(.filter_button):not(.ex_s_lick-arrow):not(.gm-control-active):not([aria-label="Kurzbefehle"])::after, .site_meta__support a::after, .quform-button-submit-4_30 button::after, .button--circle::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    -webkit-transition: -webkit-transform var(--transition-2);
    transition: -webkit-transform var(--transition-2);
    -o-transition: transform var(--transition-2);
    transition: transform var(--transition-2);
    transition: transform var(--transition-2), -webkit-transform var(--transition-2);
}

.button--filled:not(.button--small):not(.button--white):not(.button--screen) a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow):not(.button--white),
.quform-button-submit-4_30 button {
    color: var(--brand-grey);
}

.button--filled.button--white:not(.button--small) a, button.button--white:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.filter):not(.filter_button):not(.ex_s_lick-arrow) {
    color: var(--brand-blue-screen);
}

.section--blue-shade .button--filled:not(.button--small):not(.button--white):not(.button--screen) a {
    color: var(--brand-blue-shade);
}

.button--filled:not(.button--small):not(.button--white):not(.button--screen) a::after, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow):not(.button--white)::after,
.quform-button-submit-4_30 button::after {
    background-color: var(--brand-blue-shade);
}

.button--filled.button--screen:not(.button--small):not(.button--white) a::after {
    background-color: var(--brand-blue-screen);
}

.button--filled.button--white:not(.button--small) a::after, button.button--white:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.filter):not(.filter_button):not(.ex_s_lick-arrow)::after,
.section--blue-shade .button--filled:not(.button--small):not(.button--white):not(.button--screen) a::after {
    background-color: var(--brand-grey);
}

.quform-upload-button-text {
    position: relative;
    line-height: 1;
}

.quform-upload-button-text::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--brand-white);
    border-radius: 50px;
    -webkit-transition: -webkit-transform var(--transition-2);
    transition: -webkit-transform var(--transition-2);
    -o-transition: transform var(--transition-2);
    transition: transform var(--transition-2);
    transition: transform var(--transition-2), -webkit-transform var(--transition-2);
}

.section:not(.section--blue-shade) .quform-upload-button-text {
    color: var(--brand-blue-shade);
}

.section.section--blue-shade .quform-upload-button-text {
    color: var(--brand-blue-screen);
}

.button--filled.button--small:not(.button--white) a::after {
    background-color: var(--brand-blue-screen);
}

.button--filled.button--small.button--white a {
    color: var(--brand-blue-screen);
}

.button--filled.button--small.button--white a::after {
    background-color: var(--brand-grey);
}



/* Pfeil */
.button--arrow a, .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, button.quform-back, button.button--arrow, form.password-protected .form__submit {
    position: relative;
    font-size: var(--font-size-3);
    -webkit-transition: color var(--transition-2);
    -o-transition: color var(--transition-2);
    transition: color var(--transition-2);
}

h1 + .button--arrow a, h2 + .button--arrow a, h3 .button--arrow a, h4 .button--arrow a {
    margin-top: calc(-1 * var(--spacing-2));
}

button.button--arrow {
    margin-top: var(--spacing-6);
}

.quform-element-group--submit {
    margin-top: var(--spacing-8);
}

.button--arrow svg, button.quform-submit svg, button.button--arrow svg, form.password-protected .form__submit svg {
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: right var(--transition-2);
    -o-transition: right var(--transition-2);
    transition: right var(--transition-2);
}

.no-touchevents .button--arrow a:hover svg, .no-touchevents button.quform-submit:hover svg, .no-touchevents button.quform-back:hover svg, .no-touchevents button.button--arrow:hover svg, .no-touchevents form.password-protected .form__submit:hover svg {
    right: 0;
}

.section:not(.section--blue-shade) .button--arrow a,
.section:not(.section--blue-shade) .quform-button-submit:not(.quform-button-submit-4_30):not(.quform-button-submit-5_2) button.quform-submit, form.password-protected .form__submit {
    color: var(--brand-blue-screen);
}

.section:not(.section--blue-shade) .button--arrow svg use,
.section:not(.section--blue-shade) .quform-button-submit:not(.quform-button-submit-4_30):not(.quform-button-submit-5_2) button.quform-submit svg use, form.password-protected .form__submit svg use {
    fill: var(--brand-blue-screen);
}

.section--blue-shade .button--arrow a,
.section--blue-shade .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit,
.section__form--newsletter button.quform-submit {
    color: var(--brand-cold-grey);
}

.section--blue-shade .button--arrow.button--screen svg use, .section--blue-shade .section__button .button--arrow svg use, .section--blue-shade .section__buttons .button--arrow svg use,
.section--blue-shade .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit svg use,
.section__form--newsletter button.quform-submit svg use {
    fill: var(--brand-cold-grey);
}



/* Circle */
.button--circle {
    position: relative;
}

.button--circle::after {
    border-radius: 50%;
}
  
.button--circle svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;   
}

.section:not(.section--blue-shade) .button--circle::after {
    background-color: var(--brand-blue-screen);
}

.section:not(.section--blue-shade) .button--circle svg {
    stroke: var(--brand-grey);
}

.section--blue-shade .button--circle::after {
    background-color: var(--brand-white);
}

.section--blue-shade .button--circle svg {
    stroke: var(--brand-blue-shade);
}


/* Support & Reseller */
.site_meta__support a {
    position: relative;
    font-size: var(--font-size-2);
    font-weight: bold;
    line-height: 1;
    color: var(--brand-white);
    border-radius: 50px;
    
}

.site_meta__support a span {
    position: relative;
    z-index: 2;
}

.site_meta__support a::after {
    background-color: var(--brand-blue-screen);
}

.site_meta__reseller a {
    display: block;
    -webkit-transition: opacity var(--transition-2);
    -o-transition: opacity var(--transition-2);
    transition: opacity var(--transition-2);
}

.no-touchevents .site_meta__reseller a:hover {
    opacity: var(--opacity);
}


/* Back */
.button--back {
    font-size: 15px;
}

.button--back a, button.button--back {
    margin: -10px 0 -10px -8px;
    padding: 10px 0 10px 28px;
}

.button--back svg {
    position: absolute;
    top: 11px;
    left: 8px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: left var(--transition-2);
    -o-transition: left var(--transition-2);
    transition: left var(--transition-2);
}

.macos .button--back svg, .ios .button--back svg {
    margin-top: 1px;
}

.no-touchevents .button--back a:hover svg, .no-touchevents button.button--back:hover svg {
    left: 0;
}


/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 992px) {

    .no-touchevents .button--filled a:hover::after, .no-touchevents button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.filter):not(.filter_button):not(.ex_s_lick-arrow):not(.gm-control-active):not([aria-label="Kurzbefehle"]):hover::after, 
    .no-touchevents .site_meta__support a:hover::after, .no-touchevents .quform-button-submit-4_30 button:hover::after, .no-touchevents .button--circle:hover::after, .no-touchevents .quform-upload-button:hover .quform-upload-button-text::after {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

}


@media all and (min-width: 1240px) {

    .section__buttons, .buttons {
        margin-top: var(--spacing-5);
    }
    
    .section__buttons .button, .buttons .button {
        margin-top: var(--spacing-5);
        margin-right: var(--spacing-5);
    }

    .button--filled a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .accordion__button .button--filled a, .tile__container p + .button--filled {
        margin-top: var(--spacing-7);
    }

    .button--filled:not(.button--small) a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .quform-upload-button-text, .quform-button-submit-4_30 button.quform-submit {
        padding: 20px 28px 15px;
    }

    .macos .button--filled:not(.button--small) a, .macos button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .macos .quform-upload-button-text, .macos .quform-button-submit-4_30 button.quform-submit,
    .ios .button--filled:not(.button--small) a, .ios button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .ios .quform-upload-button-text, .ios .quform-button-submit-4_30 button.quform-submit {
        padding-top: 18px;
        padding-bottom: 17px;
    }
    
    .button--filled.button--small a {
        padding: 16px 26px 11px;
    }

    .macos .button--filled.button--small a, .ios .button--filled.button--small a {
        padding-top: 14px;
        padding-bottom: 13px;
    }
    
    .button--arrow:not(.button--small) a, .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, button.quform-back, button.button--arrow, form.password-protected .form__submit {
        padding: 18px 30px 14px 0;
    }

    .macos .button--arrow:not(.button--small) a, .macos .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .macos button.quform-back, .macos button.button--arrow, .macos form.password-protected .form__submit,
    .ios .button--arrow:not(.button--small) a, .ios .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .ios button.quform-back, .ios button.button--arrow, .ios form.password-protected .form__submit {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    
    .button--arrow.button--small a {
        padding: 14px 28px 10px 0;   
    }

    .macos .button--arrow.button--small a, .ios .button--arrow.button--small a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .button--arrow {
        margin-top: calc(var(--spacing-8) - 18px);
    }
    
    .section__buttons .button.button--arrow {
        margin-top: calc(var(--spacing-4) - 18px);
    }

    .cookie_box__button .button--filled.button--small {
        padding: 16px 26px 11px !important;
    }

    .macos .cookie_box__button .button--filled.button--small, .ios .cookie_box__button .button--filled.button--small {
        padding-top: 13px !important;
        padding-bottom: 12px !important;
    }

    .button--circle {
        width: 40px;
        height: 40px;
    }

}


@media all and (min-width: 1536px) {

    .site_meta__support a {
        padding: 17px 53px 13px;
    }

    .macos .site_meta__support a, .ios .site_meta__support a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

}


@media all and (max-width: 1535.98px) and (min-width: 1400px) {

    .site_meta__support a {
        padding: 17px 48px 13px;
    }

    .macos .site_meta__support a, .ios .site_meta__support a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

    .site_meta__support a {
        padding: 15px 42px 11px;
    }

    .macos .site_meta__support a, .ios .site_meta__support a {
        padding-top: 13px;
        padding-bottom: 13px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

    .site_meta__support a {
        padding: 14px 34px 10px;
    }

    .macos .site_meta__support a, .ios .site_meta__support a {
        padding-top: 11px;
        padding-bottom: 11px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 576px) {

    .section__buttons, .buttons {
        margin-top: var(--spacing-4);
    }
    
    .section__buttons .button, .buttons .button {
        margin-top: var(--spacing-4);
        margin-right: var(--spacing-4);
    }

    .button--filled a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .accordion__button .button--filled a, .tile__container p + .button--filled {
        margin-top: var(--spacing-6);
    }
    
    .button--filled.button--small a {
        padding: 13px 23px 11px;
    }

    .macos .button--filled.button--small a, .ios .button--filled.button--small a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    .cookie_box__button .button--filled.button--small {
        padding: 13px 23px 11px !important;
    }

    .macos .cookie_box__button .button--filled.button--small, .ios .cookie_box__button .button--filled.button--small {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    .button--arrow:not(.button--small) a, .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, button.quform-back, button.button--arrow, form.password-protected .form__submit {
        padding: 16px 27px 12px 0;
    }

    .macos .button--arrow:not(.button--small) a, .macos .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .macos button.quform-back, .macos button.button--arrow, .macos form.password-protected .form__submit,
    .ios .button--arrow:not(.button--small) a, .ios .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .ios button.quform-back, .ios button.button--arrow, .ios form.password-protected .form__submit {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    
    .button--arrow.button--small a {
        padding: 12px 25px 8px 0;   
    }

    .macos .button--arrow.button--small a, .ios .button--arrow.button--small a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .button--arrow {
        margin-top: calc(var(--spacing-8) - 16px);
    }
    
    .section__buttons .button.button--arrow {
        margin-top: calc(var(--spacing-4) - 16px);
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

    .button--filled:not(.button--small) a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .quform-upload-button-text, .quform-button-submit-4_30 button.quform-submit {
        padding: 17px 25px 15px;
    }

    .macos .button--filled:not(.button--small) a, .macos button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .macos .quform-upload-button-text, .macos .quform-button-submit-4_30 button.quform-submit,
    .ios .button--filled:not(.button--small) a, .ios button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .ios .quform-upload-button-text, .ios .quform-button-submit-4_30 button.quform-submit {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .button--circle {
        width: 38px;
        height: 38px;
    }

    .button--circle svg {
        -webkit-transform: translate(-50%, -50%) scale(.95);
            -ms-transform: translate(-50%, -50%) scale(.95);
                transform: translate(-50%, -50%) scale(.95);
    }

    .button--arrow svg, button.quform-submit svg, button.button--arrow svg {
        margin-top: 1px;
        -webkit-transform: translateY(-50%) scale(.9);
            -ms-transform: translateY(-50%) scale(.9);
                transform: translateY(-50%) scale(.9);
    }

}


@media all and (max-width: 991.98px) {

    .no-touchevents .button--filled a:hover::after, .no-touchevents button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.filter):not(.filter_button):not(.ex_s_lick-arrow):not(.gm-control-active):not([aria-label="Kurzbefehle"]):hover::after, 
    .no-touchevents .site_meta__support a:hover::after, .no-touchevents .quform-button-submit-4_30 button:hover::after, .no-touchevents .button--circle:hover::after, .no-touchevents .quform-upload-button:hover .quform-upload-button-text::after {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
    }

}


@media all and (max-width: 991.98px) and (min-width: 576px) {

    .button--filled:not(.button--small) a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .quform-upload-button-text, .quform-button-submit-4_30 button.quform-submit {
        padding: 15px 25px 13px;
    }

    .macos .button--filled:not(.button--small) a, .macos button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .macos .quform-upload-button-text, .macos .quform-button-submit-4_30 button.quform-submit,
    .ios .button--filled:not(.button--small) a, .ios button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .ios .quform-upload-button-text, .ios .quform-button-submit-4_30 button.quform-submit {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .button--circle {
        width: 36px;
        height: 36px;
    }

    .button--circle svg {
        -webkit-transform: translate(-50%, -50%) scale(.9);
            -ms-transform: translate(-50%, -50%) scale(.9);
                transform: translate(-50%, -50%) scale(.9);
    }

    .site_meta__support a {
        padding: 12px 30px 10px;
    }

    .macos .site_meta__support a, .ios .site_meta__support a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .site_meta__support a span {
        font-size: var(--font-size-1);
    }

    .button--arrow svg, button.quform-submit svg, button.button--arrow svg {
        margin-top: 1px;
        -webkit-transform: translateY(-50%) scale(.85);
            -ms-transform: translateY(-50%) scale(.85);
                transform: translateY(-50%) scale(.85);
    }

    .button--arrow:not(.button--small) a, .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, button.quform-back, button.button--arrow, form.password-protected .form__submit {
       padding-top: 15px;
    }

    .macos .button--arrow:not(.button--small) a, .macos .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .macos button.quform-back, .macos button.button--arrow, .macos form.password-protected .form__submit
    .ios .button--arrow:not(.button--small) a, .ios .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .ios button.quform-back, .ios button.button--arrow, .ios form.password-protected .form__submit {
        padding-top: 13px;
    }

}


@media all and (max-width: 575.98px) {

    .button--filled:not(.button--small) a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .quform-upload-button-text, .quform-button-submit-4_30 button.quform-submit {
        padding: 13px 20px 10px;
    }

    .macos .button--filled:not(.button--small) a, .macos button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .macos .quform-upload-button-text, .macos .quform-button-submit-4_30 button.quform-submit,
    .ios .button--filled:not(.button--small) a, .ios button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .ios .quform-upload-button-text, .ios .quform-button-submit-4_30 button.quform-submit {
        padding-top: 12px;
        padding-bottom: 11px;
    }

    .section__buttons, .buttons {
        margin-top: var(--spacing-3);
    }
    
    .section__buttons .button, .buttons .button {
        margin-top: var(--spacing-3);
        margin-right: var(--spacing-3);
    }

    .button--filled a, button:not(.button--search):not(.button--back):not(.quform-submit):not(.button--arrow):not(.quform-back):not(.filter):not(.filter_button):not(.ex_s_lick-arrow), .accordion__button .button--filled a, .tile__container p + .button--filled {
        margin-top: var(--spacing-6);
    }
    
    .button--filled.button--small a {
        padding: 12px 17px 8px;
        font-size: 14px;
    }

    .macos .button--filled.button--small a, .ios .button--filled.button--small a {
        padding-top: 10px;
        padding-bottom: 9px;
    }
    
    .cookie_box__button .button--filled.button--small {
        padding: 11px 17px 8px !important;
    }

    .macos .cookie_box__button .button--filled.button--small, .ios .cookie_box__button .button--filled.button--small {
        padding-top: 10px !important;
        padding-bottom: 9px !important;
    }
    
    .button--arrow:not(.button--small) a, .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, button.quform-back, button.button--arrow, form.password-protected .form__submit {
        padding: 13px 25px 9px 0;
    }

    .macos .button--arrow:not(.button--small) a, .macos .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .macos button.quform-back, .macos button.button--arrow, .macos form.password-protected .form__submit
    .ios .button--arrow:not(.button--small) a, .ios .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, .ios button.quform-back, .ios button.button--arrow, .ios form.password-protected .form__submit {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    
    .button--arrow.button--small a {
        padding: 10px 20px 5px 0;   
    }

    .macos .button--arrow.button--small a, .ios .button--arrow.button--small a {
        padding-top: 8px;
        padding-bottom: 7px;
    }

    .button--arrow {
        margin-top: calc(var(--spacing-8) - 14px);
    }
    
    .section__buttons .button.button--arrow {
        margin-top: calc(var(--spacing-4) - 14px);
    }

    .button--arrow svg, button.quform-submit svg, button.button--arrow svg, form.password-protected .form__submit svg {
        -webkit-transform: translateY(-50%) scale(.75);
            -ms-transform: translateY(-50%) scale(.75);
                transform: translateY(-50%) scale(.75);
        margin-top: 1px;
    }

    .macos button.quform-submit svg, .ios button.quform-submit svg, .macos form.password-protected .form__submit, .ios form.password-protected .form__submit {
        margin-top: 0;
    }

    .button--circle {
        width: 32px;
        height: 32px;
    }

    .button--circle svg {
        -webkit-transform: translate(-50%, -50%) scale(.85);
            -ms-transform: translate(-50%, -50%) scale(.85);
                transform: translate(-50%, -50%) scale(.85);
    }

    .button--arrow a, .quform-button-submit:not(.quform-button-submit-4_30) button.quform-submit, button.quform-back, button.button--arrow, form.password-protected .form__submit {
        font-size: var(--font-size-2);
    }

    .site_meta__support a {
        top: 2px;
        padding: 11px 14px 7px;
        font-size: 14px;
    }

    .macos .site_meta__support a, .ios .site_meta__support a {
        top: 0px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

}