/* =========================================================
   ADI YOGPEETH — COURSE CTA
   ========================================================= */

.course-cta-section {

    padding:
        26px
        0
        64px;

}


.course-cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 35px;

    padding:
        28px
        32px;

    background:
        var(--color-forest);

    border-radius:
        var(--radius-lg);

}


.course-cta__content {

    max-width: 600px;

}


.course-cta__label {

    display: block;

    margin-bottom: 8px;

    color:
        var(--color-gold);

    font-size:
        0.56rem;

    font-weight:
        var(--font-weight-semibold);

    letter-spacing:
        var(--tracking-widest);

    text-transform:
        uppercase;

}


.course-cta__title {

    margin: 0;

    color:
        var(--color-white);

    font-family:
        var(--font-display);

    font-size:
        clamp(
            1.35rem,
            2.2vw,
            2rem
        );

    font-weight:
        var(--font-weight-medium);

    line-height: 1.15;

}


.course-cta__text {

    max-width: 520px;

    margin:
        10px
        0
        0;

    color:
        rgba(255,255,255,0.68);

    font-size:
        0.68rem;

    line-height: 1.65;

}


/* =========================================================
   ACTIONS
   ========================================================= */

.course-cta__actions {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: flex-end;

    gap: 9px;

}


.course-cta__button {

    min-width: 145px;

}


.course-cta__whatsapp {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    min-height: 43px;

    padding:
        0
        13px;

    color:
        var(--color-white);

    border:
        1px solid
        rgba(255,255,255,0.25);

    border-radius:
        var(--radius-full);

    font-size:
        0.58rem;

    font-weight:
        var(--font-weight-semibold);

    text-decoration:
        none;

    transition:
        background-color 180ms ease,
        border-color 180ms ease;

}


.course-cta__whatsapp:hover {

    background:
        rgba(255,255,255,0.08);

    border-color:
        rgba(255,255,255,0.45);

}


.course-cta__whatsapp-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 22px;

    height: 22px;

    border:
        1px solid currentColor;

    border-radius: 50%;

    font-family: Arial, sans-serif;

    font-size: 0.4rem;

}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {

    .course-cta {

        flex-direction: column;

        align-items: flex-start;

    }


    .course-cta__actions {

        justify-content: flex-start;

    }

}


@media (max-width: 767px) {

    .course-cta-section {

        padding-bottom: 45px;

    }


    .course-cta {

        padding:
            24px
            20px;

        border-radius:
            var(--radius-md);

    }


    .course-cta__actions {

        display: grid;

        width: 100%;

        grid-template-columns:
            1fr;

    }


    .course-cta__button,
    .course-cta__whatsapp {

        width: 100%;

    }

}