.an-social-header {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--an-social-text, #fff);
	font-family: var(--an-social-font, inherit);
	font-size: var(--an-social-size-desktop, 13px);
	white-space: nowrap;
}

.an-social-header *, .an-social-header *::before, .an-social-header *::after { box-sizing: border-box; }
.an-social-header__lead { margin-right: 2px; color: currentColor; font-size: .85em; font-weight: 800; letter-spacing: .08em; opacity: .78; text-transform: uppercase; }
.an-social-header__link { position: relative; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 5px 11px 5px 6px; overflow: hidden; border: 1px solid rgba(128, 128, 128, .22); border-radius: 999px; background: rgba(255, 255, 255, .08); box-shadow: 0 5px 16px rgba(0, 0, 0, .08); color: currentColor !important; font-size: 1em; font-weight: 700; line-height: 1; text-decoration: none !important; backdrop-filter: blur(8px); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.an-social-header__link::before { position: absolute; inset: 0; z-index: 0; content: ""; opacity: 0; transition: opacity .18s ease; }
.an-social-header__link > * { position: relative; z-index: 1; }
.an-social-header__link--facebook { --an-social-hover-border: rgba(24, 119, 242, .5); --an-social-hover-shadow: rgba(24, 119, 242, .24); }
.an-social-header__link--instagram { --an-social-hover-border: rgba(214, 41, 118, .5); --an-social-hover-shadow: rgba(214, 41, 118, .24); }
.an-social-header__link--facebook::before { background: linear-gradient(110deg, rgba(24, 119, 242, .18), rgba(24, 119, 242, .04)); }
.an-social-header__link--instagram::before { background: linear-gradient(110deg, rgba(250, 126, 30, .18), rgba(214, 41, 118, .12) 55%, rgba(79, 91, 213, .04)); }
.an-social-header__link:hover { border-color: rgba(128, 128, 128, .38); box-shadow: 0 8px 20px rgba(0, 0, 0, .13); color: currentColor !important; transform: translateY(-2px); }
.an-social-header__link:hover::before { opacity: 1; }
.an-social-header__link--facebook:hover, .an-social-header__link--instagram:hover { border-color: var(--an-social-hover-border); box-shadow: 0 9px 24px var(--an-social-hover-shadow); }
.an-social-header__link:focus-visible { outline: 3px solid rgba(59, 130, 246, .48); outline-offset: 2px; }
.an-social-header__icon { display: grid; flex: 0 0 auto; width: 29px; height: 29px; place-items: center; border-radius: 50%; color: #fff; }
.an-social-header__icon svg { width: 17px; height: 17px; transition: transform .18s ease; }
.an-social-header__link:hover .an-social-header__icon svg { transform: scale(1.1); }
.an-social-header__link--facebook .an-social-header__icon { background: #1877f2; box-shadow: 0 4px 11px rgba(24, 119, 242, .33); }
.an-social-header__link--instagram .an-social-header__icon { background: linear-gradient(145deg, #feda75, #fa7e1e 25%, #d62976 55%, #962fbf 78%, #4f5bd5); box-shadow: 0 4px 11px rgba(214, 41, 118, .3); }
.an-social-header__link strong { min-width: 2.4em; padding-left: 7px; border-left: 1px solid rgba(128, 128, 128, .25); font-size: .9em; font-variant-numeric: tabular-nums; text-align: center; }

@media (max-width: 1120px) {
	.an-social-header__lead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
	.an-social-header__link { padding-right: 9px; }
}

@media (max-width: 767px) {
	.an-social-header { gap: 5px; font-size: var(--an-social-size-mobile, 12px); }
	.an-social-header__link { gap: 5px; min-height: 36px; padding: 3px 7px 3px 3px; }
	.an-social-header__link strong { min-width: 2em; padding-left: 5px; }
	.an-social-header__icon { width: 31px; height: 31px; }
}

@media (prefers-reduced-motion: reduce) {
	.an-social-header__link, .an-social-header__link::before, .an-social-header__icon svg { transition: none; }
}