.functional-hero .action-row {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem 1.1rem;
}

.functional-hero__grid > *,
.functional-hero__copy,
.functional-hero__lead {
	min-width: 0;
	max-width: 100%;
}

.functional-hero__lead {
	overflow-wrap: break-word;
}

@media (max-width: 39.999rem) {
	.functional-hero .action-row {
		align-items: flex-start;
		flex-direction: column;
	}
}