Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
829 B
1
Indexable
Never
<a href="https://api.whatsapp.com/send?phone=6281804898899&amp;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>