.social-media-teaser {
	padding: 3rem 0;
	font: var(--xxl);
	text-align: center;
}

.social-media-teaser h2 {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.social-media-teaser  p {
	margin-top: 0;
	margin-bottom: 3rem;
}

.social-media-teaser ul {
	margin: 2rem auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	width: fit-content;
}

.social-media-teaser a {
	display: block;
	border-radius: 50%;
}

.social-media-teaser a:hover,
.social-media-teaser a:focus {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}