.ww-gw-section {
    --content-columns: 1fr;
    --content-gap: 2rem;
    --content-font-size: 1rem;
    --content-margin-block: 0rem 1rem;

    --content-padding-block: 0 3rem;
    --content-text-align: center;

    --cta-placement: center;

    --heading-font-size: 2rem;

    background-color: var(--colors-cream);
    padding-block: var(--content-padding-block);
}

.ww-gw-section>div {
    display: grid;
    grid-template-columns: var(--content-columns);
    gap: var(--content-gap);
}

.ww-gw-section h2,
.ww-gw-section__content {
    font-family: var(--fonts-montserrat);
    color: var(--colors-black);
    text-align: var(--content-text-align);
}


.ww-gw-section .ww-30th-btn {
    place-self: var(--cta-placement);
}

.ww-gw-section h2 {
    font-size: var(--heading-font-size);
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
}

.ww-gw-section__content {
    margin-block: var(--content-margin-block);
}

.ww-gw-section__content>* {
    font-weight: 500;
    font-size: var(--content-font-size);
    line-height: 115%;
}

@media (width>=1024px) {
    .ww-gw-section {
        --content-margin-block: 0rem;
        --content-columns: 1fr 50% 1fr;
        --content-gap: 2.5rem;
        --content-padding-block: 0 5rem;
        --content-text-align: start;
        --content-font-size: 1.25rem;

        --cta-placement: unset;

        --heading-font-size: 2.25rem;
    }
}