Gradient Icon Brand Link with Label

<a href="#overview" class="flex items-center gap-2 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded-md">
                    <span class="inline-flex h-9 w-9 items-center justify-center rounded-xl bg-gradient-to-br from-blue-500 shadow-[inset_0_0_0_2px_rgba(255,255,255,0.06)] to-blue-600">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-[18px] h-[18px]" aria-hidden="true">
                            <path d="M8 12h.01" class=""></path>
                            <path d="M12 12h.01" class=""></path>
                            <path d="M16 12h.01" class=""></path>
                            <path d="M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" class=""></path>
                        </svg>
                    </span>
                    <span class="text-lg tracking-tight" style="font-family: 'Plus Jakarta Sans', Inter, sans-serif">FlowChat</span>
                </a>