.share-button-wrapper{display:inline-block;position:relative}.share-button{cursor:pointer;width:30px;height:30px;color:var(--color-text-secondary);justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.share-button:hover{color:var(--color-text-primary)}.share-button svg{width:100%;height:100%}.share-icon{width:1.25rem;height:1.25rem}.share-dropdown{background-color:var(--color-bg-primary);z-index:50;border-radius:.75rem;min-width:280px;margin-bottom:.5rem;padding:0 .75rem;position:absolute;bottom:100%;right:0;overflow:hidden}.share-dropdown-options{justify-content:flex-start;align-items:center;gap:12px;padding:.75rem 0;display:flex}.share-dropdown-options-copy{border-top:1px solid var(--color-text-secondary);padding:.75rem 0}.share-option{color:var(--color-text-secondary);justify-content:center;align-items:center;transition:color .2s;display:flex}.share-option:hover{color:var(--color-text-primary)}.share-option-icon{flex-shrink:0;width:30px;height:30px}@media (max-width:768px){.share-dropdown{min-width:280px;max-width:calc(100vw - 2rem);margin-bottom:0;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-dropdown{animation:.2s ease-out slideUp}@media (max-width:768px){.share-dropdown{animation:none}}