GitHub Icon Button with Tailwind Styling

<a href="#"
  class="hover:bg-white/15 transition-colors bg-white/10 border-white/20 border rounded-2xl pt-3 pr-3 pb-3 pl-3">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="github"
    class="lucide lucide-github w-5 h-5 text-gray-300">
    <path
      d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
      class=""></path>
    <path d="M9 18c-4.51 2-5-2-7-2" class=""></path>
  </svg>
</a>