<a href="https://api.whatsapp.com/send?phone=6281804898899&text=Halo%20Luxel%20Watch" class="float-whatsapp" target="_blank">
<div class="whatsapp-icon my-float">
<img src="https://cdn.shopify.com/s/files/1/0651/0457/6725/files/whatsapp-white-icon_1.png?v=1680127217" alt="WhatsApp">
</div>
</a>
<script>
.float-whatsapp {
position: fixed;
width: 60px;
height: 60px;
bottom: 20px;
right: 20px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.float-whatsapp:hover {
transform: scale(1.1);
transition: all 0.2s ease-in-out;
}
.my-float {
margin-top: 14px;
}
.whatsapp-icon {
position: absolute;
left: 14px;
max-width: 33px;
}
</script>