.share-character-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.3);border-radius:10px;color:#a5b4fc;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.share-character-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));opacity:0;transition:opacity .2s ease}.share-character-btn:hover{border-color:rgba(99,102,241,.5);color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.share-character-btn:hover:before{opacity:1}.share-character-btn:active{transform:translateY(0)}.share-character-btn .share-icon{transform:rotate(-15deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}.share-character-btn:hover .share-icon{transform:rotate(0deg) scale(1.1)}.share-character-btn .btn-text{position:relative;z-index:1}@media (max-width:480px){.share-character-btn{padding:6px 10px;font-size:12px}.share-character-btn .share-icon{width:16px;height:16px}}@keyframes share-pulse{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.4)}50%{box-shadow:0 0 0 8px rgba(99,102,241,0)}}.share-character-btn.animate-pulse{animation:share-pulse 2s ease-out 1}