{% load allauth %}

<button type="submit"
        class="flex items-center justify-center py-3 px-4 bg-indigo-600 hover:bg-indigo-700 text-white rounded-md transition-colors cursor-pointer w-full">
  <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"
       class="w-5 h-5 mr-2">
    <circle cx="18" cy="15" r="3"></circle><circle cx="9" cy="7" r="4"></circle>
    <path d="M10 15H6a4 4 0 0 0-4 4v2"></path>
    <path d="m21.7 16.4-.9-.3"></path>
    <path d="m15.2 13.9-.9-.3"></path>
    <path d="m16.6 18.7.3-.9"></path>
    <path d="m19.1 12.2.3-.9"></path>
    <path d="m19.6 18.7-.4-1"></path>
    <path d="m16.8 12.3-.4-1"></path>
    <path d="m14.3 16.6 1-.4"></path>
    <path d="m20.7 13.8 1-.4"></path>
  </svg>

  <div>{{ attrs.name }}</div>
</button>
