.mosaic-social {
	display: flex;
	justify-content: start;
}

.mosaic-social__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	justify-content: var(--mosaic-self, flex-start);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mosaic-social__list li {
	margin: 0;
}

.mosaic-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	min-inline-size: 1em;
	min-block-size: 1em;
	padding: 0.45em;
	font-size: 1.25rem;
	line-height: 1;
	color: var(--mosaic-color-primary, #2b4acb);
	text-decoration: none;
	border-radius: 0;
	transition: transform 0.15s ease, background-color 0.15s ease;
}

.mosaic-social--circle .mosaic-social__link,
.mosaic-social--rounded .mosaic-social__link,
.mosaic-social--square .mosaic-social__link {
	background-color: var(--mosaic-color-surface, #f5f6fa);
}

.mosaic-social--circle .mosaic-social__link {
	border-radius: 50%;
}

.mosaic-social--rounded .mosaic-social__link {
	border-radius: 0.4em;
}

.mosaic-social--colors-plain .mosaic-social__link {
	color: inherit;
}

.mosaic-social__link:hover,
.mosaic-social__link:active {
	transform: translateY(-0.1em);
}

.mosaic-social__link:focus-visible {
	outline: var(--mosaic-focus-width, 3px) solid var(--mosaic-color-focus, currentColor);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.mosaic-social__link {
		transition: none;
	}

	.mosaic-social__link:hover,
	.mosaic-social__link:active {
		transform: none;
	}
}

/* Each network's own colour (only when "Each network's own colour" is chosen). Generated from Embeds::NETWORKS. */
.mosaic-social--colors-brand .mosaic-social__link--facebook {
	color: #1877f2;
}

.mosaic-social--colors-brand .mosaic-social__link--instagram {
	color: #e4405f;
}

.mosaic-social--colors-brand .mosaic-social__link--x {
	color: #111111;
}

.mosaic-social--colors-brand .mosaic-social__link--youtube {
	color: #ff0000;
}

.mosaic-social--colors-brand .mosaic-social__link--linkedin {
	color: #0a66c2;
}

.mosaic-social--colors-brand .mosaic-social__link--tiktok {
	color: #111111;
}

.mosaic-social--colors-brand .mosaic-social__link--whatsapp {
	color: #25d366;
}

.mosaic-social--colors-brand .mosaic-social__link--telegram {
	color: #229ed9;
}

.mosaic-social--colors-brand .mosaic-social__link--mail {
	color: #6b7280;
}

.mosaic-social--colors-brand .mosaic-social__link--phone {
	color: #6b7280;
}

.mosaic-social--colors-brand .mosaic-social__link--rss {
	color: #f97316;
}

.mosaic-social--colors-brand.mosaic-social--circle .mosaic-social__link,
.mosaic-social--colors-brand.mosaic-social--rounded .mosaic-social__link,
.mosaic-social--colors-brand.mosaic-social--square .mosaic-social__link {
	background-color: #f1f3f6;
}
