/**
 * Senior HR Forum v1.8.3: round "Follow us" icon buttons (LinkedIn, Facebook).
 * Hover and keyboard focus move like the header "Join us" button (lift, soft glow ring, colour fades
 * in, a light sheen sweeps across), in light mist-to-cyan with an ink icon (AA). No orange, no dark.
 */
.shf-follow { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 !important; }
.shf-subscribe .shf-follow { justify-content: center; margin-top: 4px !important; }
.shf-follow__btn {
	position: relative; overflow: hidden; isolation: isolate;
	display: inline-flex; align-items: center; justify-content: center;
	width: 46px; height: 46px; border-radius: 50%; box-sizing: border-box; text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}
.shf-follow__btn svg { display: block; position: relative; z-index: 1; }
.shf-follow--light .shf-follow__btn { background: #fff; color: var(--shf-teal, #0B6A85); border: 1.5px solid rgba(11, 106, 133, 0.30); }
.shf-follow--dark .shf-follow__btn { background: rgba(255, 255, 255, 0.08); color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.55); }
.shf-follow__btn::before {
	content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit;
	background:
		linear-gradient(100deg, rgba(255,255,255,0) 38%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0) 62%) no-repeat,
		linear-gradient(135deg, #DDF6FA 0%, #22B8CF 100%);
	background-size: 260% 100%, 100% 100%;
	background-position: 140% 0, 0 0;
	opacity: 0; transition: opacity .25s ease;
}
.shf-follow__btn:hover, .shf-follow__btn:focus-visible {
	color: var(--shf-ink, #0B1A33); border-color: transparent; transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(11, 106, 133, 0.25), 0 0 0 4px rgba(34, 184, 207, 0.25);
}
.shf-follow__btn:hover::before, .shf-follow__btn:focus-visible::before { opacity: 1; }
.shf-follow__btn:focus-visible { outline: 3px solid var(--shf-teal-dark, #08546A); outline-offset: 3px; }
.shf-follow--dark .shf-follow__btn:focus-visible { outline-color: #fff; }
@media (prefers-reduced-motion: no-preference) {
	.shf-follow__btn:hover::before, .shf-follow__btn:focus-visible::before { background-position: -40% 0, 0 0; transition: opacity .25s ease, background-position .7s ease; }
}
@media (prefers-reduced-motion: reduce) {
	.shf-follow__btn:hover, .shf-follow__btn:focus-visible { transform: none; }
}
/* Contact details: the icons sit under the "Follow us" label. */
.shf-contact-row--follow .shf-follow { margin-top: 6px !important; }