.floating-social-button{position:fixed;bottom:5rem;left:2rem;z-index:999;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.floating-social-button.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.floating-social-button__trigger{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#254d4e,#387373);backdrop-filter:blur(10.6px);-webkit-backdrop-filter:blur(10.6px);border:2px solid rgba(92,183,169,.4);box-shadow:0 8px 28px #38737373,0 4px 10px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.floating-social-button__trigger:hover{background:linear-gradient(135deg,#387373,#5cb7a9);transform:scale(1.12);box-shadow:0 14px 36px #38737380,0 6px 14px #0000004d}.floating-social-button__trigger:active{transform:scale(.95)}.floating-social-button__trigger[aria-expanded=true]{background:linear-gradient(135deg,#387373,#5cb7a9);box-shadow:0 10px 30px #5cb7a980,0 4px 10px #0000004d}.floating-social-button__icon{width:32px;height:32px;stroke:currentColor;transition:transform .3s ease}.floating-social-button__trigger[aria-expanded=true] .floating-social-button__icon{transform:rotate(180deg)}.floating-social-button__popup{position:absolute;bottom:calc(100% + 16px);left:0;background:linear-gradient(135deg,#1e2121f2,#254d4eed);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(92,183,169,.3);border-radius:20px;box-shadow:0 16px 40px #00000080,0 6px 16px #38737340;padding:1rem;min-width:300px;opacity:0;transform:translateY(10px) scale(.95);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;overflow:hidden}.floating-social-button__trigger[aria-expanded=true]+.floating-social-button__popup,.floating-social-button__popup.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.floating-social-button__link{display:flex;align-items:center;gap:1.2rem;padding:1.4rem 1.5rem;color:#fff;text-decoration:none;border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:500;position:relative;overflow:hidden}.floating-social-button__link+.floating-social-button__link{margin-top:.25rem}.floating-social-button__link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.floating-social-button__link:hover:before{left:100%}.floating-social-button__link:hover{background:#ffffff1a;transform:translate(4px)}.floating-social-button__link svg{flex-shrink:0;width:28px;height:28px;transition:transform .25s ease}.floating-social-button__link:hover svg{transform:scale(1.15)}.floating-social-button__link--whatsapp:hover{background:#25d36633;color:#25d366}.floating-social-button__link--instagram:hover{background:#e1306c33;color:#e1306c}.floating-social-button__link--facebook:hover{background:#1877f233;color:#1877f2}.floating-social-button__link span{flex:1;white-space:nowrap}.floating-social-button__popup.open .floating-social-button__link{animation:slideInFromLeft .3s ease forwards;opacity:0}.floating-social-button__popup.open .floating-social-button__link:nth-child(1){animation-delay:.05s}.floating-social-button__popup.open .floating-social-button__link:nth-child(2){animation-delay:.1s}.floating-social-button__popup.open .floating-social-button__link:nth-child(3){animation-delay:.15s}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.floating-social-button{bottom:4rem;left:1.5rem}.floating-social-button__trigger{width:66px;height:66px}.floating-social-button__icon{width:30px;height:30px}.floating-social-button__popup{min-width:300px;padding:1rem}.floating-social-button__link{padding:1.6rem 1.5rem;font-size:1.5rem;gap:1.3rem}.floating-social-button__link svg{width:30px;height:30px}.floating-social-button__link+.floating-social-button__link{margin-top:.35rem}}@media(max-width:480px){.floating-social-button{bottom:3.5rem;left:1.25rem}.floating-social-button__trigger{width:60px;height:60px}.floating-social-button__icon{width:28px;height:28px}.floating-social-button__popup{min-width:280px;bottom:calc(100% + 14px);padding:.9rem}.floating-social-button__link{padding:1.5rem 1.4rem;font-size:1.4rem;gap:1.2rem}.floating-social-button__link svg{width:28px;height:28px}.floating-social-button__link+.floating-social-button__link{margin-top:.3rem}}@supports (padding: max(0px)){.floating-social-button{bottom:max(5rem,calc(env(safe-area-inset-bottom) + 3rem));left:max(2rem,env(safe-area-inset-left))}@media(max-width:768px){.floating-social-button{bottom:max(4rem,calc(env(safe-area-inset-bottom) + 2.5rem));left:max(1.5rem,env(safe-area-inset-left))}}@media(max-width:480px){.floating-social-button{bottom:max(3.5rem,calc(env(safe-area-inset-bottom) + 2rem));left:max(1.25rem,env(safe-area-inset-left))}}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/floating-social-button.css.map */