Social Media Icon Links

  <style>
    @import url('https://fonts.googleapis.com/css2?family=Asap:wght@300;400;500;600&display=swap'); .social-icon { font-family: 'Asap', sans-serif; color: #c6cbe0; text-decoration: none; font-size: 0.8rem; padding: 0.4rem 0.7rem; border: 1px solid #2b3142; border-radius: 999px; background: rgba(18, 20, 26, 0.6); backdrop-filter: blur(6px); transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; } .social-icon:hover { transform: translateY(-2px); background: rgba(18, 20, 26, 0.8); border-color: #3b4152; }
  </style>
  <a class="social-icon" href="https://twitter.com/simeydotme" aria-label="Twitter">
    <svg viewBox="0 0 24 24" width="16" height="16">
      <path fill="currentColor" d="M22 4.01c-1 .49-1.98.689-3 .99-1.121-1.265-2.783-1.335-4.38-.737s-2.643 2.06-2.62 3.737v1c-3.245.083-6.135-1.395-8-4 0 0-4.182 7.433 4 11-1.872 1.247-3.739 2.088-6 2 3.308 1.803 6.913 2.423 10.034 1.517 3.58-1.04 6.522-3.723 7.651-7.742.214-.82.376-1.858.497-3.753.002-.249 1.514-2.772 1.822-4.013z"></path>
    </svg>
  </a>
  
</div>