/* ============================================================
   MOTAVIO · SEQUENCE / CTA / FAQ V1
   ============================================================ */


/* ============================================================
   SCHÄDEN & EREIGNISSE
   ============================================================ */

.mv-sequence-damage-v1 {

    margin:
        0 !important;

}


/* ============================================================
   MEHR WISSEN DANACH
   ============================================================ */

.mv-sequence-more-v1 {

    margin:
        0 !important;

}


/* ============================================================
   FAHRZEUG PRÜFEN CTA
   ============================================================ */

.mv-sequence-more-v1
.mv-more-cta-v1 {

    width:
        max-content !important;

    min-width:
        175px !important;

    min-height:
        47px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        25px
        auto
        0 !important;

    padding:
        0
        22px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #168FE6,
            #0D78CE
        ) !important;

    box-shadow:
        0
        11px
        26px
        rgba(22,143,230,.23) !important;

    text-decoration:
        none !important;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        13px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease !important;

}


.mv-sequence-more-v1
.mv-more-cta-v1:hover {

    transform:
        translateY(-2px) !important;

    box-shadow:
        0
        15px
        32px
        rgba(22,143,230,.29) !important;

}


/* ============================================================
   FAQ GESAMTLINK
   ============================================================ */

.mv-faq-all-v1 {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-top:
        24px;

}


.mv-faq-all-v1__link {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    min-height:
        44px;

    padding:
        0
        18px;

    border:
        1px solid
        rgba(22,143,230,.28);

    border-radius:
        10px;

    color:
        #168FE6 !important;

    background:
        #FFFFFF;

    box-shadow:
        0
        8px
        22px
        rgba(7,26,44,.045);

    text-decoration:
        none !important;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:
        13px;

    line-height:
        1;

    font-weight:
        850;

    transition:
        transform .16s ease,
        background .16s ease,
        box-shadow .16s ease;

}


.mv-faq-all-v1__link span {

    font-size:
        16px;

    line-height:
        1;

}


.mv-faq-all-v1__link:hover {

    transform:
        translateY(-2px);

    background:
        #F4FAFF;

    box-shadow:
        0
        12px
        27px
        rgba(22,143,230,.10);

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (
    max-width:
    650px
) {

    .mv-sequence-more-v1
    .mv-more-cta-v1 {

        width:
            100% !important;

        max-width:
            300px !important;

    }


    .mv-faq-all-v1__link {

        width:
            100%;

        max-width:
            320px;

    }

}