/* Smove Extra 1.1.0 — affordance del link a Instagram.
   Scopo: far capire a colpo d'occhio che l'animazione e' cliccabile,
   senza alterare il layout quando il link non c'e'. */

.smove-ig {
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-decoration: none !important;
	border: 0 !important;
	transition: transform .18s ease, filter .18s ease;
}

.smove-ig:hover,
.smove-ig:focus-visible {
	transform: scale(1.08);
	filter: saturate(1.15);
}

/* Contorno visibile per chi naviga da tastiera. */
.smove-ig:focus-visible {
	outline: 3px solid #d1d067;
	outline-offset: 6px;
	border-radius: 12px;
}

/* Didascalia sotto l'animazione del footer. */
.smove-ig__cta {
	display: block;
	margin-top: .35rem;
	font-family: Roboto, sans-serif;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: .01em;
	color: #d1d067;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.smove-ig:hover .smove-ig__cta,
.smove-ig:focus-visible .smove-ig__cta {
	color: #fff;
}

/* Chi ha chiesto meno animazioni non le subisce. */
@media (prefers-reduced-motion: reduce) {
	.smove-ig { transition: none; }
	.smove-ig:hover,
	.smove-ig:focus-visible { transform: none; }
}