/* ============================================================
   Componente CTA "Domande?"
   ============================================================ */

/* --- DESKTOP (base) --- */

.domande_home {
    display: flex;
    flex-direction: row;
    padding: 5.556vw;
    justify-content: space-between;
    align-items: end;
    margin: 0 1.389vw 1.111vw 1.389vw;
    background-color: var(--grigio-chiaro);
    background-image: url('../../../assets/images/CTA_finale.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 16px;
}

.domande_home_text {
    display: flex;
    flex-direction: column;
    gap: 1.667vw;
    width: 45.833vw;
}

.domande_home_buttons {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 0.486vw;
}

/* --- MOBILE --- */

@media screen and (max-width: 750px) {

    .domande_home {
        flex-direction: column;
        margin: 0 2.564vw 3.077vw 2.564vw;
        gap: 10.256vw;
        background-image: url('../../../assets/images/CTA_finale_mob.png');
    }

    .domande_home_text {
        gap: 4.103vw;
        width: 100%;
    }

    .domande_home_buttons {
        gap: 1.795vw;
        width: 100%;
    }

    .domande_home_buttons .button-white {
        width: auto;
    }

}