.share-character-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:#a1a1aa;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.share-character-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent 50%);opacity:0;transition:opacity .25s ease;pointer-events:none}.share-character-btn:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.18);color:#e4e4e7;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.05)}.share-character-btn:hover:before{opacity:1}.share-character-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.2)}.share-character-btn .share-icon{transform:rotate(-12deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1);opacity:.8}.share-character-btn:hover .share-icon{transform:rotate(0deg) scale(1.08);opacity:1}.share-character-btn .btn-text{position:relative;z-index:1}@media (max-width:480px){.share-character-btn{padding:8px 12px;font-size:12px;gap:6px}.share-character-btn .share-icon{width:16px;height:16px}}@keyframes share-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.share-character-btn{animation:share-fade-in .3s ease-out}