<!-- WhatsApp Floating Button by Bigosti -->
<style>
.bigosti-wa-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #25d366;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  text-decoration: none;
  transition: all 0.3s ease;
  animation: wa-pulse 2s infinite;
}
.bigosti-wa-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4);
}
.bigosti-wa-btn svg { width: 35px; fill: white; }
@keyframes wa-pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
  70% { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
@media (max-width: 600px) {
  .bigosti-wa-btn { bottom: 20px; right: 20px; width: 50px; height: 50px; }
  .bigosti-wa-btn svg { width: 28px; }
}
</style>

<a href="https://wa.me/YOUR_NUMBER" class="bigosti-wa-btn" target="_blank" title="تواصل معنا عبر واتساب">
  <svg viewBox="0 0 24 24">
    <path d="M12.031 6.172c-2.202 0-3.991 1.789-3.991 3.991 0 .611.14 1.2.404 1.737l-.431 1.573 1.611-.422c.517.243 1.091.383 1.7.383 2.201 0 3.991-1.789 3.991-3.991s-1.79-3.991-3.984-3.991zM14.653 11.5c-.1.2-.4.3-.8.4-.4.1-1.1.2-1.9-.2-.6-.3-1.1-.7-1.5-1.2-.4-.5-.7-1-.8-1.5-.1-.4 0-.7.1-.9.1-.1.2-.3.3-.4l.2-.2c.1 0 .1-.1.1-.1s.1-.1.1-.2.1-.2.1-.3l-.3-1.1c-.1-.2-.2-.2-.3-.2s-.3 0-.4.1c-.2.1-.4.2-.6.4-.2.2-.4.5-.4.8 0 .5.2 1 .5 1.4.3.4.7.9 1.2 1.3s1 1.1 1.6 1.4c.5.3 1 .5 1.6.5.4 0 .8-.1 1.2-.4.3-.2.5-.5.6-.8.1-.3.1-.6 0-.8-.1-.1-.3-.2-.5-.3z"/>
    <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5c-4.694 0-8.5 3.806-8.5 8.5 0 1.536.406 3.033 1.176 4.347l1.056-3.858-.431-.774c-.452-.816-.691-1.745-.691-2.715 0-3.143 2.557-5.7 5.7-5.7s5.7 2.557 5.7 5.7-2.557 5.7-5.7 5.7c-1.071 0-2.103-.301-3.001-.869l-.821.215 1.594 2.822c1.474.793 3.155 1.232 4.928 1.232 5.523 0 10-4.477 10-10S17.523 3.5 12 3.5z"/>
  </svg>
</a>