Botão Share que sobe pra cima

<!-- 🔥 COLE TODO SEU BOTÃO AQUI --> <!-- 🔥 SHARE BUTTON abrindo para CIMA --> <style> #shareBox { position: fixed; bottom: 20px; left: 20px; z-index: 9999; } /* botão principal */ .main-share { display: flex; align-items: center; gap: 12px; background: linear-gradient(145deg, #39ff14, #00c853); border-radius: 50px; padding: 12px 20px; color: white; font-weight: bold; font-size: 16px; border: none; cursor: pointer; box-shadow: 0 0 15px rgba(0,255,100,0.6), inset 0 -4px 8px rgba(0,0,0,0.3), inset 0 4px 8px rgba(255,255,255,0.2); transition: all 0.3s ease; } .main-share:hover { transform: scale(1.05); } /* ícone */ .icon-circle { width: 38px; height: 38px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; } /* 🔥 MENU AGORA SOBE */ .share-menu { position: absolute; bottom: 70px; /* ESSENCIAL: faz subir */ display: flex; flex-direction: column-reverse; /* aparece de baixo pra cima */ gap: 10px; opacity: 0; transform: translateY(20px); pointer-events: none; transition: all 0.3s ease; } .share-menu.active { opacity: 1; transform: translateY(0); pointer-events: all; } /* itens */ .share-item { display: flex; align-items: center; gap: 10px; padding: 10px 15px; border-radius: 30px; color: white; font-size: 14px; cursor: pointer; box-shadow: 0 5px 10px rgba(0,0,0,0.3); transition: 0.2s; } .share-item:hover { transform: translateX(5px); } /* cores */ .whatsapp { background: #25D366; } .facebook { background: #1877F2; } .telegram { background: #0088cc; } .copy { background: #444; } </style> <div id='shareBox'> <div class='share-menu' id='shareMenu'> <div class='share-item whatsapp' onclick='shareWhats()'>📱 WhatsApp</div> <div class='share-item facebook' onclick='shareFace()'>👍 Facebook</div> <div class='share-item telegram' onclick='shareTele()'>✈️ Telegram</div> <div class='share-item copy' onclick='copyLink()'>📋 Copiar Link</div> </div> <button class='main-share' onclick='toggleShare()'> SHARE <div class='icon-circle'>🔗</div> </button> </div> <script> function toggleShare() { document.getElementById("shareMenu").classList.toggle("active"); } function shareWhats() { let url = encodeURIComponent(window.location.href); window.open(`https://wa.me/?text=${url}`, '_blank'); } function shareFace() { let url = encodeURIComponent(window.location.href); window.open(`https://www.facebook.com/sharer/sharer.php?u=${url}`, '_blank'); } function shareTele() { let url = encodeURIComponent(window.location.href); window.open(`https://t.me/share/url?url=${url}`, '_blank'); } function copyLink() { navigator.clipboard.writeText(window.location.href); alert("Link copiado 🚀"); } </script> <div id='shareBox'> ... </div>