.ww-gw-section {
	--content-columns: 1fr;
	--content-gap: 2rem;
	--content-font-size: 1rem;
	--content-margin-block: 0rem 1rem;

	--content-padding-block: 3rem;
	--content-text-align: center;

	--cta-placement: center;

	--heading-font-size: 1.875rem;

	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);
	align-items: center;
}

.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: 500;
	line-height: 100%;
}

.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: 5rem;
		--content-text-align: start;
		--content-font-size: 1.25rem;

		--cta-placement: unset;

		--heading-font-size: 2.25rem;
	}
}
