/* Add custom CSS styles below */ 

(function() {
  var whatsappButton = document.createElement("div");
  whatsappButton.innerHTML = `<a href="https://wa.me/XXXXXXXXXXX" target="_blank">
                                <img src="رابط_الصورة_التي_أرفقتها" alt="واتساب" class="whatsapp-btn"/>
                              </a>`;
  document.body.appendChild(whatsappButton);

  var style = document.createElement('style');
  style.innerHTML = `
    .whatsapp-btn {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: opacity 0.3s ease;
    }
    .whatsapp-btn:hover {
      opacity: 0.8;
    }
  `;
  document.head.appendChild(style);
})();