@props(['phone' => '966500000000', 'message' => 'مرحبًا، أرغب بالاستفسار عن خدمات ZLHOST.'])

<a href="https://wa.me/{{ $phone }}?text={{ urlencode($message) }}"
   target="_blank" rel="noopener"
   class="whatsapp-fab" aria-label="تواصل عبر واتساب">
    <svg class="w-7 h-7" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
        <path d="M20.52 3.48A11.94 11.94 0 0012.04 0C5.45 0 .1 5.34.1 11.93c0 2.1.55 4.16 1.6 5.97L0 24l6.27-1.65a11.93 11.93 0 005.77 1.47h.01c6.59 0 11.94-5.34 11.94-11.93 0-3.18-1.24-6.18-3.47-8.41zM12.05 21.4h-.01a9.43 9.43 0 01-4.81-1.32l-.34-.2-3.72.98 1-3.62-.22-.37a9.46 9.46 0 01-1.45-5.06c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.91.98 6.7 2.77a9.4 9.4 0 012.77 6.7c0 5.21-4.25 9.46-9.47 9.46zm5.45-7.07c-.3-.15-1.77-.87-2.04-.97-.27-.1-.47-.15-.67.15s-.77.97-.94 1.17c-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5l-.57-.01a1.1 1.1 0 00-.8.37c-.27.3-1.05 1.02-1.05 2.5s1.07 2.9 1.22 3.1c.15.2 2.1 3.2 5.1 4.5.71.3 1.27.49 1.7.62.71.23 1.36.2 1.87.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35z"/>
    </svg>
</a>