<ul class="flex flex-wrap gap-4 mt-auto">
  <li>
    <a class="hover:text-social-twitter" href="https://x.com/djangocon">
      <svg class="w-8 h-8 icon">
        <title>X (Formerly Twitter)</title>
        <use xlink:href="#twitter-icon"></use>
      </svg>
    </a>
  </li>
  <li>
    <a class="hover:text-social-github" href="https://github.com/djangocon/">
      <svg class="w-8 h-8 icon">
        <title>Github</title>
        <use xlink:href="#github-icon"></use>
      </svg>
    </a>
  </li>
</ul>