.section-cta-wrapper {
    background-color: var(--clr-highlight-500);
    color: var(--clr-primary-900);
}

.section-cta > div {
    grid-column: 6 / -3;
}
.section-cta h2 {
    margin-bottom: calc(var(--default-margin) / 1.5);
    max-width: 75rem;
}
.section-cta p {
    margin-bottom: 4.8rem;
}
.section-cta-buttons {
    gap: 3.6rem 1.6rem;
    flex-wrap: wrap;
}
.section-cta-buttons a.button {
    white-space: nowrap;
}
.section-cta-buttons a.button.ghost::after {
    color: var(--clr-highlight-500);
}

@media only screen and (max-width: 1199px) {
    .section-cta > div {
        grid-column: 4 / -1;
    }
}

@media only screen and (max-width: 800px) {
    .section-cta > div {
        grid-column: 1 / -1;
    }
    .section-cta-buttons {
        gap: 2.4rem 1.6rem;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 2561px) {
    .section-cta > div {
        grid-column: 8 / -1;
    }
}