.sb{display:grid;grid-template-columns:1fr;gap:1.4rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.sb--two{grid-template-columns:1fr 1fr}}.sb__card{--b: rgb(var(--color-button));position:relative;isolation:isolate;display:flex;align-items:center;gap:1.6rem;height:100%;overflow:hidden;padding:1.6rem 1.8rem;color:inherit;text-decoration:none;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.6rem;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .3s ease}.sb__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,color-mix(in srgb,var(--b) 14%,transparent),transparent 55%);opacity:0;transition:opacity .3s ease}.sb__card:hover,.sb__card:focus-visible{transform:translateY(-.5rem);border-color:var(--b);box-shadow:0 1.2rem 2.8rem color-mix(in srgb,var(--b) 32%,transparent)}.sb__card:hover:before,.sb__card:focus-visible:before{opacity:1}.sb__bubble{position:relative;flex:0 0 auto;display:inline-grid;place-items:center;width:6.4rem;height:6.4rem;border-radius:50%;color:#fff;box-shadow:0 .8rem 1.8rem #0000002e;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.sb__bubble svg{width:3.2rem;height:3.2rem}.sb__bubble:after{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border-radius:50%;border:.2rem solid var(--b);opacity:0;transform:scale(.85)}.sb__card:hover .sb__bubble,.sb__card:focus-visible .sb__bubble{transform:scale(1.08) rotate(-6deg)}.sb__card:hover .sb__bubble:after,.sb__card:focus-visible .sb__bubble:after{animation:sb-ping 1.2s ease-out infinite}@keyframes sb-ping{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.sb__text{flex:1 1 auto;min-width:0}.sb__text strong{display:block;font-family:var(--font-heading-family);font-size:2rem;font-weight:400;text-transform:uppercase;letter-spacing:0}.sb__text small{display:block;margin-top:.2rem;font-family:var(--font-body-family);font-size:1.3rem;line-height:1.4;text-transform:none;letter-spacing:0;color:rgba(var(--color-foreground),.72)}.sb__go{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;letter-spacing:.06rem;text-transform:uppercase;color:rgba(var(--color-foreground),.6);transition:color .25s ease,transform .25s ease}.sb__go svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sb__card:hover .sb__go,.sb__card:focus-visible .sb__go{color:var(--b);transform:translate(.3rem)}@media screen and (max-width:449px){.sb__go{display:none}}.sb__card--wa{--b: #25d366}.sb__card--wa .sb__bubble{background:#25d366}.sb__card--ig{--b: #d6249f}.sb__card--ig .sb__bubble{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.sb__card--tt{--b: #fe2c55}.sb__card--tt .sb__bubble{background:#010101}.sb__card--tt .sb__bubble svg{filter:drop-shadow(-.18rem -.18rem 0 #25f4ee) drop-shadow(.18rem .18rem 0 #fe2c55)}.sb__card--yt{--b: #ff0000}.sb__card--yt .sb__bubble{background:red}.sb__bubble svg,.sb__bubble svg *{fill:currentColor}@media(prefers-reduced-motion:reduce){.sb__card,.sb__bubble,.sb__go{transition:none}.sb__card:hover .sb__bubble:after,.sb__card:focus-visible .sb__bubble:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/social-bubbles.css.map */