{% capture product_url %}{{ shop.url }}{{ product.url }}{% endcapture %} {% capture product_name %}{{ product.title | url_escape }}{% endcapture %} <a href="https://wa.me/+4400700000000?text=Hello, I%20would%20like%20to%20buy%20this%20product:%20{{ product_name }}%20{{ product_url }}" class="btn btn--buy-on-whatsapp" target="_blank">Order on WhatsApp</a>
.btn--buy-on-whatsapp { display: block; margin-top: 29px; padding: 11px 30px; font-size: 16px; line-height: 1.5; color: #fff; background-color: #25d366; border: 1px solid #4e4e4e; border-radius: 0px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; } .btn--buy-on-whatsapp:hover { background-color: #fff; color: #4e4e4e; border-radius: 10px; }