.cta {
    background-color: var(--mediumBlue);
}

.cta__container {
    width: 85%;
    max-width: 110rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 4rem 0;
    text-align: center;

    img {
        display: block;
        margin-bottom: 2rem;
    }

    h2 {
        font-family: var(--fontTitle-Light);
        font-size: 2.8rem;
        color: var(--darkGray);
        line-height: 120%;
        margin-bottom: 2rem;

        span {
            color: var(--darkBlue);
            font-family: var(--fontTitle-Bold);
        }
    }

    a {
        display: inline-block;
        padding: 1.2rem 2.4rem;
        font-size: 1.6rem;
        font-family: "SantanderMicroText-Regular";
        color: white;
        border-radius: 50rem;
        line-height: 100%;
        border: none;
        cursor: pointer;
        background-color: var(--darkBlue);
    }

    @media (width >=1280px) {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 1.6rem 0;
        gap: 4rem;
        text-align: left;

        img {
            margin-bottom: 0;
        }

        h2 {
            font-size: 3.6rem;
        }
    }
}