---
const { href, label, prefetch = 'tap' } = Astro.props
---

<a href={href} data-astro-prefetch={prefetch}>
  <div class="group h-[40px] p-2 overflow-hidden">
    <div class="flex flex-col items-center justify-center group-hover:-translate-y-10 transition duration-700">
      <span class="text-2xl font-semibold">{label}</span>
      <span class="text-2xl font-semibold">{label}</span>
    </div>
  </div>
</a>