.social-float { position: fixed; z-index: 12; right: 24px; bottom: 24px; display: grid; gap: 10px; }
.social-button { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: #fff; box-shadow: 0 12px 28px rgba(35, 19, 56, .22); font-size: 24px; transition: transform .2s ease, box-shadow .2s ease; }
.social-button span { position: absolute; right: 64px; padding: 8px 11px; border-radius: 8px; background: #fff; color: var(--ink); box-shadow: 0 7px 20px rgba(28, 14, 45, .15); font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; opacity: 0; pointer-events: none; transform: translateX(7px); transition: .2s ease; }
.social-button:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(35, 19, 56, .3); }
.social-button:hover span { opacity: 1; transform: translateX(0); }
.social-button.whatsapp { background: #25d366; }
.social-button.instagram { background: radial-gradient(circle at 30% 105%, #ffd77a 0 20%, #ef5b7a 47%, #a23bb8 72%, #5f4bd5 100%); }

@media (max-width: 540px) { .social-float { right: 18px; bottom: 18px; } .social-button { width: 48px; height: 48px; font-size: 21px; } }