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