.social-float{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px}
.social-float a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:transform .25s,box-shadow .25s;text-decoration:none;position:relative;line-height:0;padding:0}
.social-float a:hover{transform:scale(1.15);box-shadow:0 4px 16px rgba(0,0,0,.35)}
.social-float a svg{width:28px;height:28px;fill:#fff;display:block;margin:auto}
.social-float a.sf-fb{background:#1877F2}
.social-float a.sf-line{background:#06C755}
.social-float a.sf-zalo{background:#0068FF}
.social-float a::after{content:attr(data-label);position:absolute;right:58px;background:#333;color:#fff;font-size:13px;padding:4px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;font-family:sans-serif}
.social-float a:hover::after{opacity:1}
@media(max-width:768px){
.social-float{right:8px;top:auto;bottom:80px;transform:none;gap:8px}
.social-float a{width:42px;height:42px}
.social-float a svg{width:24px;height:24px}
.social-float a::after{display:none}
}