/* Add custom JS code below */ 
<div class="floating-share">

    <div class="items">
        <a id="share-mail" title="البريد">✉️</a>
        <a id="share-sms" title="الرسائل">📱</a>
        <a id="share-whatsapp" target="_blank" title="واتساب">
            <svg viewBox="0 0 32 32">
                <path fill="currentColor" d="M16 3C8.8 3 3 8.7 3 15.8c0 2.5.7 4.8 2.1 6.9L3.7 29l6.5-1.7c2 .9 3.8 1.3 5.8 1.3 7.2 0 13-5.7 13-12.8S23.2 3 16 3zm7.5 18c-.3.8-1.8 1.5-2.5 1.6-.7.1-1.5.2-4.8-1.2-4-1.8-6.6-6-6.8-6.3-.2-.3-1.6-2.2-1.6-4.2s1-3 1.4-3.4c.4-.4.9-.5 1.2-.5h.9c.3 0 .7-.1 1 .7.4.9 1.2 3 .3 4.2-.2.3-.5.6-.7.8-.2.2-.4.5-.2.9.2.4 1 1.7 2.2 2.8 1.5 1.3 2.8 1.8 3.2 2 .4.2.7.2 1-.1.3-.3 1.1-1.3 1.4-1.7.3-.4.6-.3 1-.2.4.2 2.6 1.2 3 1.4.5.2.8.3.9.5.1.2.1 1-.2 1.8z"/>
            </svg>
        </a>
    </div>

    <div class="toggle">+</div>

</div>

<script>
const share=document.querySelector('.floating-share');
const btn=share.querySelector('.toggle');

btn.onclick=function(){
    share.classList.toggle('active');
    btn.innerHTML=share.classList.contains('active')?'✕':'+';
};

const url=encodeURIComponent(location.href);
const title=encodeURIComponent(document.title);

document.getElementById('share-whatsapp').href=
'https://wa.me/?text='+title+' '+url;

document.getElementById('share-mail').href=
'mailto:?subject='+title+'&body='+url;

document.getElementById('share-sms').href=
'sms:?&body='+title+' '+url;
</script>