/*
 * Closing block of /o-kompanii (sections/about-cta.php): the client's goal
 * sentence, the slogan and one link to the programmes, on the navy card the
 * site uses whenever a block speaks in the school's own voice.
 */

.about-cta {
    padding: 2vw 0 4.5vw;
}

.about-cta__card {
    padding: 3.33vw 4.17vw;
    background: var(--color-primary);
    border-radius: var(--radius);
    text-align: center;
    color: #fff;
}

.about-cta__title {
    font-size: 1.67vw;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 1.25vw;
}

.about-cta__slogan {
    font-family: var(--font-heading);
    font-size: 1.25vw;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 1.88vw;
}

.about-cta__button {
    display: inline-block;
    padding: 0.83vw 2.5vw;
    font-weight: 700;
    color: #fff;
    background: var(--color-cta);
    border-radius: var(--radius);
    transition: background-color 0.2s ease;
}

.about-cta__button:hover,
.about-cta__button:focus-visible {
    background: var(--color-cta-dark);
    color: #fff;
}

@media only screen and (max-width: 767.98px) {
    .about-cta {
        padding: 4vw 0 9vw;
    }

    .about-cta__card {
        padding: 8vw 5.33vw;
    }

    .about-cta__title {
        font-size: 5.33vw;
        margin: 0 0 4.27vw;
    }

    .about-cta__slogan {
        font-size: 4.27vw;
        margin: 0 0 6.4vw;
    }

    .about-cta__button {
        display: block;
        padding: 4vw 0;
    }
}