(function() {
    const pageUrl = encodeURIComponent(window.location.href);
    const pageTitle = encodeURIComponent(document.title);
  
    const container = document.createElement('div');
    container.className = 'share-buttons';
    container.innerHTML = `
      <style>
        .share-buttons {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 10px;
        }
        .share-buttons a, .share-buttons button {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          color: white;
          font-size: 16px;
          border: none;
          cursor: pointer;
          text-decoration: none;
        }
        .facebook { background: #3b5998; }
        .x { background: #000; }
        .whatsapp { background: #25D366; }
        .linkedin { background: #0077b5; }
        .telegram { background: #0088cc; }
        .reddit { background: #ff4500; }
        .copylink { background: #6c757d; }
      </style>
      <a class="facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=${pageUrl}">
        <i class="fab fa-facebook-f"></i>
      </a>
      <a class="x" target="_blank" href="https://twitter.com/intent/tweet?url=${pageUrl}&text=${pageTitle}">
        <i class="fab fa-x-twitter"></i>
      </a>
      <a class="whatsapp" target="_blank" href="https://wa.me/?text=${pageUrl}">
        <i class="fab fa-whatsapp"></i>
      </a>
      <a class="linkedin" target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url=${pageUrl}">
        <i class="fab fa-linkedin-in"></i>
      </a>
      <a class="telegram" target="_blank" href="https://t.me/share/url?url=${pageUrl}&text=${pageTitle}">
        <i class="fab fa-telegram-plane"></i>
      </a>
      <a class="reddit" target="_blank" href="https://www.reddit.com/submit?url=${pageUrl}&title=${pageTitle}">
        <i class="fab fa-reddit-alien"></i>
      </a>
      <button class="copylink"><i class="fas fa-link"></i></button>
    `;
  
    container.querySelector('.copylink').addEventListener('click', function () {
      const dummy = document.createElement('input');
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand('copy');
      document.body.removeChild(dummy);
      alert('Link copied to clipboard!');
    });
  
    document.currentScript.insertAdjacentElement('afterend', container);
  })();