<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.whatsapp-float {
position: fixed;
bottom: 80px;
right: 20px;
z-index: 9999;
width: 60px;
height: 60px;
cursor: pointer;
}
.whatsapp-float img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%; /* makes the icon round */
box-shadow: 0 4px 6px rgba(0,0,0,0.2); /* optional shadow */
transition: transform 0.3s;
}
.whatsapp-float:hover img {
transform: scale(1.1);
}
</style>
</head>
<body>
<!-- WhatsApp Floating Button -->
<a
href="https://wa.me/917046654551?text=Hello!%20I%20want%20to%20know%20more%20about%20the%20Diwali%20offers"
target="_blank"
class="whatsapp-float">
<img
src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg"
alt="WhatsApp Chat">
</a>
</body>
</html>