wapp

<style>
@media only screen and (max-width: 600px) {
.whatsapp-button {
width: 360px;
}
}

@media only screen and (min-width: 601px) {
.whatsapp-button {
width: 470px;
}
}

.whatsapp-button {
display: inline-block;
background-color: #25D366;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 4px;
font-family: "Poppins", sans-serif;
font-weight: bold;
font-size: 16px;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
height: 50px;
margin: 0 auto;
}

.whatsapp-button:hover {
background-color: #128C7E;
}

.whatsapp-button:focus {
outline: none;
}

.whatsapp-icon {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
height: 24px;
width: 50px;
}

.whatsapp-link {
color: #fff;
text-decoration: none;
}
</style>


<center>
<a class="whatsapp-button" href="https://api.whatsapp.com/send?phone=40731142776&text=Buna ziua, as dori sa cumpar { product.title } {{ shop.url }}{{ product.url }}">
<img class="whatsapp-icon" src="https://cdn.shopify.com/s/files/1/0760/6969/9911/files/124034.png?v=1686301847" alt="WhatsApp Icon">
<span class="whatsapp-link">Comandă pe WhatsApp</span>
</a>
</center>