.cta {
    padding: 4.8rem 0 12.8rem 0;
}

.cta-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 4.8rem;
    background-color: #e277cd;
    box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.15);
    border-radius: 11px;
    background-image: linear-gradient(to right bottom, #e892d7, #e277cd);
    overflow: hidden;
}

.cta-text-container {
    padding: 4.8rem 6.4rem 6.4rem  6.4rem;
    color: #44243d;
}

.cta-text-container > .heading-secondary {
    margin-bottom: 4.8rem;
    font-size: 4.4rem;
}

.cta-text {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-bottom: 4.8rem;
}

.button-cta:link, .button-cta:visited {
    background-color: #44243d;
}

.button-cta:hover, .button-cta:active {
    background-color: #fff;
    box-shadow: inset 0 0 0 3px #fff;
    color: #44243d;
}

.cta-img-container {
    background-image: linear-gradient(to right bottom, rgba(158, 83, 144, 0.3), rgba(90, 48, 82, 0.3)), url("../img/cta.webp");
    background-size: cover;
    background-position: center;
}

.cta-img {
    max-width: 100%;
    opacity: 0;
}