/*
 * Riusa le variabili colore del tema (--f77-*), come gli altri plugin di
 * questo sito. Le icone sono file SVG monocromatici applicati come
 * mask-image cosi' ereditano il colore da background-color invece del
 * colore fisso incorporato nell'SVG.
 */

.f77-social-icone {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 0.6rem;
}

.f77-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	transition: background var(--f77-transition, 0.2s ease), transform var(--f77-transition, 0.2s ease);
}
.f77-social-link:hover,
.f77-social-link:focus-visible {
	background: var(--f77-green, #4c7a3d);
	transform: translateY(-2px);
}

.f77-social-icona {
	width: 18px;
	height: 18px;
	background-color: var(--f77-white, #fff);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}