Botão Share

<!-- 🔥 Botão Compartilhar 3D --> <style> #share3dBtn { position: fixed; bottom: 20px; left: 20px; z-index: 9999; } #share3dBtn button { background: linear-gradient(145deg, #00c6ff, #0072ff); border: none; border-radius: 50px; padding: 12px 18px; color: white; font-size: 14px; font-weight: bold; cursor: pointer; /* efeito 3D */ box-shadow: 0 6px 0 #004aad, 0 10px 20px rgba(0,0,0,0.3); transition: all 0.2s ease; } #share3dBtn button:hover { transform: translateY(-2px); box-shadow: 0 8px 0 #004aad, 0 15px 25px rgba(0,0,0,0.4); } #share3dBtn button:active { transform: translateY(4px); box-shadow: 0 2px 0 #004aad, 0 5px 10px rgba(0,0,0,0.3); } </style> <div id="share3dBtn"> <button onclick="compartilhar()">🔗Share</button> </div> <script> function compartilhar() { if (navigator.share) { navigator.share({ title: document.title, text: "Olha isso 👀", url: window.location.href }); } else { // fallback navigator.clipboard.writeText(window.location.href); alert("Link copiado!"); } } </script>