.share-buttons{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.share-buttons__label{color:#64748b;font-size:.875rem;font-weight:500}.share-buttons__list{align-items:center;gap:.5rem;display:flex}.share-buttons__link{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;text-decoration:none;transition:all .2s;display:flex}.share-buttons__link:hover{background:var(--share-color,#0f172a);color:#fff;transform:scale(1.1)}.share-buttons__link--copy:hover{background:#10b981}.share-buttons__copied{color:#10b981;font-size:.75rem;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-buttons--compact{position:relative}.share-buttons__toggle{color:#64748b;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:all .2s;display:flex}.share-buttons__toggle:hover{color:#0f172a;background:#fff;transform:scale(1.1)}.share-buttons__dropdown{z-index:10;background:#fff;border-radius:.75rem;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.5rem;animation:.2s dropdownIn;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #0f172a26}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.share-buttons__dropdown .share-buttons__link{width:2.5rem;height:2.5rem}:root[data-theme=dark] .share-buttons__label{color:#94a3b8}:root[data-theme=dark] .share-buttons__link{color:#94a3b8;background:#334155}:root[data-theme=dark] .share-buttons__toggle{color:#94a3b8;background:#1e293be6}:root[data-theme=dark] .share-buttons__toggle:hover{color:#f8fafc;background:#1e293b}:root[data-theme=dark] .share-buttons__dropdown{background:#1e293b;box-shadow:0 10px 40px #0006}
