.share-bar{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0}.share-btn{background:#fff;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:inline-grid;height:30px;place-items:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:30px}.share-btn:hover{box-shadow:0 6px 20px rgba(0,0,0,.25);transform:translateY(-3px) scale(1.05)}.share-btn svg{height:22px;width:22px}.share-btn.wa{background:hsla(0,0%,100%,.95)}.share-btn.wa svg{fill:#25d366}.share-btn.wa:hover{background:rgba(37,211,102,.9)}.share-btn.wa:hover svg{fill:#fff}.share-btn.fb{background:hsla(0,0%,100%,.95)}.share-btn.fb svg{fill:#1877f2}.share-btn.fb:hover{background:rgba(24,119,242,.9)}.share-btn.fb:hover svg{fill:#fff}.share-btn.x{background:hsla(0,0%,100%,.95)}.share-btn.x svg{fill:#000}.share-btn.x:hover{background:rgba(0,0,0,.9)}.share-btn.x:hover svg{fill:#fff}.share-btn.li{background:hsla(0,0%,100%,.95)}.share-btn.li svg{fill:#0a66c2}.share-btn.li:hover{background:rgba(10,102,194,.9)}.share-btn.li:hover svg{fill:#fff}.share-btn.tg{background:hsla(0,0%,100%,.95)}.share-btn.tg svg{fill:#229ed9}.share-btn.tg:hover{background:rgba(34,158,217,.9)}.share-btn.tg:hover svg{fill:#fff}.share-btn.mail{background:hsla(0,0%,100%,.95)}.share-btn.mail svg{fill:#ea4335}.share-btn.mail:hover{background:rgba(234,67,53,.9)}.share-btn.mail:hover svg{fill:#fff}.share-btn.copy{background:hsla(0,0%,100%,.95)}.share-btn.copy svg{fill:#6b7280}.share-btn.copy:hover{background:hsla(220,9%,46%,.9)}.share-btn.copy:hover svg{fill:#fff}.share-btn.copy.copied{background:rgba(34,197,94,.9);border-color:#22c55e}.share-btn.copy.copied svg{fill:#fff}.share-btn:focus{outline:2px solid #6366f1;outline-offset:2px}@media (max-width:640px){.share-bar{justify-content:center}}@media (prefers-color-scheme:dark){.share-btn{border-color:hsla(0,0%,100%,.3);box-shadow:0 2px 12px rgba(0,0,0,.4)}.share-btn:hover{box-shadow:0 6px 24px rgba(0,0,0,.5)}}