:root {
	--gap: 4rem;
}

.icon-flex {
	display: flex;
}

.icon-flex > :first-child {
	margin-right: 1em;
	margin-top: .2em;
}

.map-embed {
	position: relative;
	width: 100%;
	padding-bottom: 56%;
	background-color: var(--brand-color-300);
	outline: .125rem solid var(--brand-color);
	border-radius: var(--size-100);
	overflow: hidden;

	/* fixes backdrop-filter issue with maps iframe */
	transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000;
}

.map-embed > iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}