.media-cta {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 0 140px;
    
    @media (max-width: 768px) {
        padding: 0 20px 60px;
    }
}

.media-cta-inner {
    background: #004735;
    padding: 50px 50px 115px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;

    @media (max-width: 768px) {
        padding: 30px 30px 100px;
    }

    @media (max-width: 550px) {
        padding: 30px 30px 200px;
    }
}

.media-cta-text {
    max-width: 500px;

    p {
        font-family: 'Closer Text', sans-serif;
        font-weight: 500;
        font-size: 26px;
        line-height: 120%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
        padding-bottom: 30px;
    }

    .media-cta-btn {
        display: block;
        background: #CFE2E0;
        color: #004735;
        padding: 16px 30px;
        border-radius: 12px;
        font-family: 'Closer Text', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -0.01em;
        text-decoration: none;
        width: fit-content;
    }
}



.media-cta-img {
    position: absolute;
    right: 110px;
    bottom: -4px;

    @media (max-width: 768px) { 
        right: 30px;
        max-width: 275px;

        img {
            max-width: 275px;
        }
    }
}

.media-cta-placeholder {
    padding: 20px;
    background: #eef0ee;
    border: 1px dashed #92a39d;
    border-radius: 10px;
}

.media-cta-preview {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}