/* =========================================================
   LANDING JOURNEYS
   FOOTER
   ========================================================= */

.landing-journeys__footer {

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 2rem;

    margin-top: clamp(
        3rem,
        6vw,
        5rem
    );

    padding-top: 1.75rem;

    border-top:
        1px solid
        rgba(39,73,33,.14);
}


/* ---------------------------------------------------------
   NOTE
   --------------------------------------------------------- */

.landing-journeys__note {

    max-width: 52ch;

    margin: 0;

    color:
        rgba(39,73,33,.72);

    font-size: .92rem;

    line-height: 1.65;
}


/* ---------------------------------------------------------
   LINK
   --------------------------------------------------------- */

.landing-journeys__link {

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: .65rem;

    flex-shrink: 0;

    color: var(--ms-green);

    text-decoration: none;

    font-size: .7rem;

    font-weight: 700;

    letter-spacing: .14em;

    text-transform: uppercase;

    padding-bottom: .4rem;

    border-bottom:
        1px solid
        rgba(39,73,33,.45);

    transition:
        color .3s ease,
        border-color .3s ease;
}


/* Arrow */

.landing-journeys__link span {

    font-size: 1rem;

    line-height: 1;

    transition:
        transform .3s ease;
}


/* Hover */

.landing-journeys__link:hover {

    color: var(--ms-orange);

    border-color: var(--ms-orange);
}


.landing-journeys__link:hover span {

    transform: translateX(4px);
}


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

@media (max-width: 767px) {

    .landing-journeys__footer {

        align-items: flex-start;

        flex-direction: column;

        gap: 1.25rem;

        margin-top: 2.75rem;

        padding-top: 1.5rem;
    }


    .landing-journeys__note {

        max-width: 42ch;

        font-size: .88rem;
    }


    .landing-journeys__link {

        font-size: .65rem;
    }

}