<a href="https://wa.me/55DDDSEUNUMERO" target="_blank" style="background-color: #25D366; color: white; font-size: 18px; padding: 10px 20px; border-radius: 0px; 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;"> Contact us via WhatsApp

</a>

<style>

    /* Mobile customization */

    @media only screen and (max-width: 600px) {

        the {

            font-size: 16px;

            padding: 8px 15px;

        }

    }

    /* Hover effect */

    a:hover {

        background-color: transparent;

        box-shadow: 0 px px rgba(0, 0, 0, 0);

    }

</style>