Live Preview

<!-- Start 99forevertools WhatsApp Widget -->
<style>
  .whatsapp-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
  }
  .whatsapp-button {
    background-color: #25D366;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: transform 0.2s;
  }
  .whatsapp-button:hover {
    transform: scale(1.05);
  }
  .whatsapp-button svg {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
</style>
<div class="whatsapp-widget">
  <a href="https://wa.me/919876543210?text=Hello!%20I%20have%20a%20question%20about%20your%20services." class="whatsapp-button" target="_blank" rel="noopener noreferrer">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M16.6 14.2c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.2-.6.8-.8 1-.1.2-.3.2-.5.1-.3-.1-1.1-.4-2.2-1.3-.8-.7-1.4-1.6-1.6-1.9-.2-.3 0-.5.1-.6s.2-.3.4-.4c.1-.1.2-.3.3-.4.1-.2 0-.4-.1-.5-.1-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6 0-.2.1-.4.2-.6.4-.2.2-.3.5-.3.8s-.1 1.6.5 2.8c.6 1.2 2.1 3.2 5.1 4.5 2.1.9 3.3 1.2 4.5 1.2 1.2 0 2.2-.4 2.8-.8.6-.4.9-1 .9-1.8.1-.8-.1-1.3-.2-1.4-.1-.1-.3-.2-.5-.2h-.1zM12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18.5c-4.7 0-8.5-3.8-8.5-8.5S7.3 3.5 12 3.5s8.5 3.8 8.5 8.5-3.8 8.5-8.5 8.5z"/></svg>
    Chat with us!
  </a>
</div>
<!-- End 99forevertools WhatsApp Widget -->