.share-button-container{position:relative}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;background:rgba(1,38,69,.06);border:2px solid rgba(1,38,69,.2);color:var(--primary-color,#012645);border-radius:999px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(1,38,69,.1);white-space:nowrap;min-width:40px;min-height:40px}.share-button:hover{background:rgba(1,38,69,.1);border-color:rgba(1,38,69,.3);transform:translateY(-1px);box-shadow:0 2px 6px rgba(1,38,69,.15)}.share-button:active{transform:translateY(0)}.share-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000;background:white;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);min-width:240px;max-width:280px;padding:.5rem;animation:shareMenuSlideIn .2s ease-out;border:1px solid rgba(1,38,69,.1)}@keyframes shareMenuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.share-menu__header{padding:.375rem .5rem .5rem;border-bottom:1px solid rgba(1,38,69,.08);margin-bottom:.375rem}.share-menu__title{font-size:.875rem;font-weight:700;color:var(--primary-color,#012645);margin:0}.share-menu__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .5rem;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s;text-align:left}.share-menu__option--copy{background:rgba(1,38,69,.04);border:1px solid rgba(1,38,69,.15)}.share-menu__option--copy:hover{background:rgba(1,38,69,.08);border-color:rgba(1,38,69,.25)}.share-menu__option-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:white;border-radius:6px;color:var(--primary-color,#012645);box-shadow:0 2px 4px rgba(0,0,0,.06);flex-shrink:0}.share-menu__check-icon{color:#10b981;animation:checkBounce .3s ease-out}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.share-menu__option-label{font-size:.8125rem;font-weight:600;color:var(--primary-color,#012645)}.share-menu__divider{height:1px;background:rgba(1,38,69,.08);margin:.5rem 0}.share-menu__socials{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.share-menu__social{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .375rem;background:transparent;border:1px solid rgba(1,38,69,.1);border-radius:6px;cursor:pointer;transition:all .2s;text-align:center}.share-menu__social:hover{background:rgba(1,38,69,.04);border-color:var(--social-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08)}.share-menu__social:hover .share-menu__social-icon{color:var(--social-color);transform:scale(1.1)}.share-menu__social-icon{display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.share-menu__social-label{font-size:.6875rem;font-weight:600;color:#374151;line-height:1.2}@media (max-width:768px){.share-menu{right:auto;left:50%;transform:translateX(-50%);min-width:220px;max-width:260px}.share-menu__socials{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.share-button{padding:.4rem .75rem;font-size:.75rem;gap:.25rem;min-width:36px;min-height:36px}.share-menu{position:fixed;top:clamp(64px,18vh,140px);left:50%;transform:translateX(-50%);right:auto;width:calc(100vw - 2rem);max-width:280px;min-width:0;bottom:auto}.share-menu__socials{grid-template-columns:repeat(3,1fr);gap:.25rem}.share-menu__social{padding:.5rem .25rem;gap:.25rem}.share-menu__social-label{font-size:.625rem}}@media (max-width:360px){.share-button{padding:.375rem .625rem;min-width:34px;min-height:34px}.share-menu{top:clamp(56px,20vh,120px);width:calc(100vw - 1.5rem);max-width:260px;padding:.375rem}.share-menu__header{padding:.25rem .375rem .375rem}.share-menu__title{font-size:.8125rem}.share-menu__option{padding:.5rem .375rem}.share-menu__option-icon{width:28px;height:28px}.share-menu__socials{gap:.2rem}.share-menu__social{padding:.4rem .2rem}.share-menu__social-icon svg{width:16px;height:16px}.share-menu__social-label{font-size:.5625rem}}.share-button--artist .share-button{background:rgba(255,255,255,.95);border:2px solid rgba(255,255,255,.8);color:var(--primary-color,#012645);box-shadow:0 2px 8px rgba(0,0,0,.15)}.share-button--artist .share-button:hover{background:#ffffff;border-color:rgba(255,255,255,1);box-shadow:0 4px 12px rgba(0,0,0,.2)}