.share-button{position:relative;display:inline-block}.share-button__trigger{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:#ccc;padding:8px;cursor:pointer;transition:color .2s ease;border-radius:4px}.share-button__trigger:hover{color:#fff}.share-button__trigger:focus{outline:2px solid #fff;outline-offset:2px}.share-button__trigger:active{transform:scale(.95)}.share-button__icon{width:20px;height:20px;flex-shrink:0}.share-button__menu{position:absolute;top:calc(100% + 8px);right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px;min-width:200px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);animation:slideDown .2s ease-out}.share-button__menu:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#1a1a1a;border-left:1px solid #333;border-top:1px solid #333;transform:rotate(45deg)}.share-button__menu-item{display:flex;align-items:center;gap:16px;width:100%;background:rgba(0,0,0,0);border:none;border-radius:4px;color:#ccc;padding:10px 16px;font-size:14px;font-weight:400;font-family:var(--font-poppins),"Poppins",sans-serif;cursor:pointer;transition:all .2s ease;text-align:left}.share-button__menu-item svg{width:18px;height:18px;flex-shrink:0}.share-button__menu-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.share-button__menu-item:focus{outline:2px solid #fff;outline-offset:-2px}.share-button__menu-item:active{transform:scale(.98)}.share-button__menu-item--copied{color:#4ade80}.share-button__menu-item+.share-button__menu-item{margin-top:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.share-button__menu{right:auto;left:50%;transform:translateX(-50%)}.share-button__menu:before{left:50%;transform:translateX(-50%) rotate(45deg)}}