Widget:SocialIconsMobileButtons

<a class="px-md-1" href="https://www.facebook.com/TsadraFoundation" target="_blank" title="Facebook"> </a> <a class="px-md-1" href="https://www.youtube.com/@tsadrafoundationmediachann5226" target="_blank" title="YouTube"> </a> <a class="px-md-1" href="https://www.instagram.com/tsadra_foundation" target="_blank" title="Instagram"> </a> <a class="px-md-1" href="https://www.threads.net/@tsadra_foundation" target="_blank" title="Threads"> </a> <a class="px-md-1" href="https://bsky.app/profile/tsadrafoundation.bsky.social" target="_blank" title="BlueSky"> </a> <a class="px-md-1" href="https://whatsapp.com/channel/0029VaWbbQL0LKZCwm98D731" target="_blank" title="WhatsApp"> </a>

• • <a href="https://www.facebook.com/TsadraFoundation" target="_blank" title="Facebook"> </a>
  • <a href="https://www.youtube.com/@tsadrafoundationmediachann5226" target="_blank" title="YouTube"> </a>
  • <a href="https://www.instagram.com/tsadra_foundation" target="_blank" title="Instagram"> </a>
  • <a href="https://www.threads.net/@tsadra_foundation" target="_blank" title="Threads"> </a>
  • <a href="https://bsky.app/profile/tsadrafoundation.bsky.social" target="_blank" title="BlueSky"> </a>
  • <a href="https://whatsapp.com/channel/0029VaWbbQL0LKZCwm98D731" target="_blank" title="WhatsApp"> </a>
• <a href="#top"></a>
• <a id="sliding-drawer-toggle"></a>

<style>

.page-Main_Page #mobile-buttons { display: none; }

1. mobile-buttons {

position: fixed; bottom: 0px; right: 7px; z-index: 4000; margin: 0; padding: 0; }

1. mobile-buttons a,
2. mobile-buttons a:hover,
3. mobile-buttons a:active {

display: block; text-decoration: none; color: inherit; }

1. mobile-buttons i {

padding: .3em; background: #fffcf5; border-radius: 25%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; padding-top: 7px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); }

1. mobile-buttons ul,
2. mobile-buttons li {

list-style: none; }

1. mobile-buttons ul {

margin: 0 !important; }

1. mobile-buttons li {

height: 40px !important; margin: 0 0 8px 0 !important; }

1. social-toggle-list-item {

position: relative; min-height: 40px; }

1. social-icons {

position: absolute; bottom: 100%; right: 0; margin-bottom: 8px !important; transform-origin: bottom; transform: scaleY(0); opacity: 0; transition: transform 0.3s ease, opacity 0.2s ease; pointer-events: none; }

1. social-icons.active {

transform: scaleY(1); opacity: 1; pointer-events: all; }

</style><script>

// Toggle social icons (function() { 'use strict';

document.addEventListener('DOMContentLoaded', function() { const socialToggle = document.getElementById('social-toggle'); const socialList = document.getElementById('social-icons');

if (socialToggle && socialList) { socialToggle.addEventListener('click', function() { const isExpanded = socialList.classList.contains('active'); socialList.classList.toggle('active'); socialToggle.setAttribute('aria-expanded', !isExpanded); socialList.setAttribute('aria-hidden', isExpanded); if (socialToggle.classList.contains('fa-hashtag')) { socialToggle.classList.remove('fa-hashtag'); socialToggle.classList.add('fa-xmark-large'); } else { socialToggle.classList.remove('fa-xmark-large'); socialToggle.classList.add('fa-hashtag'); } }); } }); })();

</script>