.js-share-button{position:relative;transition:all .2s ease}.js-share-button:hover{transform:translateY(-2px)}.js-share-button:active{transform:translateY(0)}#share-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.share-platform-btn{transition:transform .2s ease,background-color .2s ease;will-change:transform}.share-platform-btn:hover{transform:translateY(-3px)}.share-platform-btn:active{transform:translateY(-1px)}#share-url-input{border-color:#e2e8f0;transition:border-color .2s ease}#share-url-input:focus{outline:none;border-color:#e2b941}#copy-link-button{transition:background-color .2s ease}#copy-link-button:hover{background-color:#c9a537}#toast-container{z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#share-modal-backdrop{animation:fadeIn .3s ease forwards}#share-modal-backdrop>div{animation:scaleIn .3s ease forwards}@media (max-width: 640px){.share-platform-btn{padding:.5rem}.share-platform-btn div{width:2.5rem;height:2.5rem}}.share-qr-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.share-qr-container h4{font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.75rem}.share-qr-code{border:1px solid #e2e8f0;padding:.5rem;background-color:#fff;border-radius:.375rem}
