Scroll Down Indicator with Mouse Icon

<div class="md:mt-20 flex gap-8 text-xs text-neutral-400 mt-16 items-center justify-center">
          <span class="hidden sm:block font-sans" style="">Scroll down</span>
          <div class="flex items-center gap-3">
            <span class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-white/5 ring-1 ring-white/10">
              <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="mouse" class="lucide lucide-mouse h-4 w-4"><rect x="5" y="2" width="14" height="20" rx="7" class=""></rect><path d="M12 6v4" class=""></path></svg>
            </span>
          </div>
          <span class="hidden sm:block font-sans" style="">to view projects</span>
        </div>