WhatsApp Button

<div class="main-product__block main-product__block-custom_liquid">
  <div class="bottom-block__text">
    <!-- WhatsApp Button -->
    <div style="width: 100%; margin: 0; padding: 0;">
      <a href="https://api.whatsapp.com/send?phone=+923290952979&text=Hi,%20I%20want%20to%20order%20this%20product:%20{{ product.title | url_encode }}%20{{ shop.url }}{{ product.url }}"
         style="text-decoration: none; display: block; width: 100%; margin: 0; padding: 0;">
        <div style="
          display: flex; 
          align-items: center; 
          justify-content: center; 
          gap: 8px; 
          padding: 15px 15px; 
          text-align: center; 
          background-color: #1EA651; 
          color: white; 
          border-radius: 0px; 
          font-size: 16px; 
          font-weight: 500;
          margin: 0;
        ">
          <img src="https://cdn.shopify.com/s/files/1/0839/7570/0799/files/whatsapp-6273368_640.png?v=1698295583" 
               width="20" 
               style="vertical-align: middle; margin: 0; padding: 0;">
          Order Via <span style="font-weight: bold;">WhatsApp</span>
        </div>
      </a>
    </div>
  </div>
</div>