<a href="https://wa.me/5599999999999" class="whatsapp-link" target="_blank" style="position: fixed; bottom: 140px; right: 20px; background-color: transparent; color: white; font-size: 18px; padding: 10px 20px; border-radius: 10px; text-decoration: none; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0);">
<img
src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" style="width: 80px; height: 80px; margin-right: 10px;">
</a>
<style>
/* Customização para mobile */
@media only screen and (max-width: 600px) { a.whatsapp-link { font-size: 16px; padding: 8px 15px;
}
}
/* Efeito de hover */
a.whatsapp-link:hover { background-color: #128c7e; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}
</style>
