.floating-socials{position:fixed;z-index:90;left:18px;top:54%;display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 8px;border:1px solid rgba(255,255,255,.14);background:rgba(3,9,14,.72);box-shadow:0 16px 45px rgba(0,0,0,.38);transform:translateY(-50%);backdrop-filter:blur(10px)}
.floating-socials__title{margin-bottom:2px;color:#ffe2a3;font:800 9px/1.2 Manrope,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.floating-socials__line{width:2px;height:34px;background:linear-gradient(transparent,#e8aa42);box-shadow:0 0 9px rgba(232,170,66,.65)}
.floating-socials__link{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.34);transition:transform .22s ease,filter .22s ease,border-color .22s ease}
.floating-socials__link svg{width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.floating-socials__link::before{content:attr(data-label);position:absolute;left:calc(100% + 11px);width:max-content;padding:9px 12px;border:1px solid rgba(232,170,66,.42);background:rgba(3,9,14,.97);color:#fff4da;font:800 10px/1 Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:0;visibility:hidden;transform:translateX(-6px);transition:.22s ease;pointer-events:none}
a.floating-socials__link:hover{border-color:#ffe2a3;filter:brightness(1.18);transform:translateX(5px) scale(1.06)}
.floating-socials__link:hover::before,.floating-socials__link:focus-visible::before{opacity:1;visibility:visible;transform:none}
.floating-socials__link--facebook{background:#1877f2}.floating-socials__link--discord{background:#5865f2}.floating-socials__link--instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d 58%,#fcb045)}.floating-socials__link--tiktok{background:#111;box-shadow:-2px 0 #25f4ee,2px 0 #fe2c55,0 7px 20px rgba(0,0,0,.34)}
.floating-socials__link.is-pending{opacity:1;cursor:not-allowed}
@media(max-width:700px){.floating-socials{top:auto;right:auto;bottom:12px;left:50%;flex-direction:row;gap:5px;padding:6px;border-color:rgba(255,255,255,.2);background:rgba(3,9,14,.88);transform:translateX(-50%)}.floating-socials__title,.floating-socials__line{display:none}.floating-socials__link{width:44px;height:44px}.floating-socials__link::before{display:none}}