.community-section {
	background-image:
		linear-gradient(90deg, rgba(8, 8, 13, 0.9), rgba(8, 8, 13, 0.62)),
		url("https://www.belconnensoccerclub.com.au/images/photo-1574629810360-7efbbe195018");
	background-position: center;
	background-size: cover;
	color: var(--white);
}

.community-grid {
	max-width: 1200px;
	width: 100%;
}

.community-text {
	display: grid;
}

.community-text h2 {
	color: var(--white);
}

.community-copy {
	color: var(--blue-pale);
	max-width: 640px;
}

.community-text > .btn-primary,
.community-text > .wp-block-buttons {
	margin-top: 0.5rem;
}

.community-section + .affiliated-clubs {
	padding-top: clamp(4rem, 7vw, 6rem);
}

@media (min-width: 900px) {
	.community-text {
		align-items: center;
		column-gap: clamp(3rem, 8vw, 8rem);
		grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
	}

	.community-text > :not(.btn-primary, .wp-block-buttons) {
		grid-column: 1;
	}

	.community-text > .btn-primary,
	.community-text > .wp-block-buttons {
		align-self: center;
		grid-column: 2;
		grid-row: 1 / span 3;
		justify-self: end;
		margin-top: 0;
	}
}