.sh{--b:var(--ink);position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:#fff;color:var(--b);font-family:inherit;box-shadow:0 10px 10px rgba(0,0,0,.1);cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.sh svg{width:20px;height:20px}.sh:after,.sh:before{position:absolute;left:50%;bottom:100%;z-index:2;background:var(--b);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.sh:after{content:attr(data-tip);padding:5px 8px;border-radius:5px;color:var(--tf,#fff);font-size:.875rem;line-height:1.2;white-space:nowrap;box-shadow:0 10px 10px rgba(0,0,0,.1);transform:translateX(-50%)}.sh:before{content:"";width:8px;height:8px;transform:translateX(-50%) rotate(45deg)}.sh:focus-visible,.sh:hover{--k:var(--b);background:var(--b);color:#fff}.sh:focus-visible:after,.sh:hover:after{opacity:1;transform:translate(-50%,-12px)}.sh:focus-visible:before,.sh:hover:before{opacity:1;transform:translate(-50%,-9px) rotate(45deg)}.sh.ln{--b:#06C755;--tf:#0F2F38}.sh.fb{--b:#1877F2}.sh.xx{--b:#000}@media (prefers-reduced-motion:reduce){.sh,.sh:after,.sh:before{transition:none}}