---
interface Props {
  title: string;
  href: string;
}

const { title, href } = Astro.props;
---

<a
  class="btn feature-card h-full justify-start items-start text-left gap-3.5 p-5"
  href={href}
>
  <span class="flex shrink-0 mt-0.5 [&_svg]:size-5">
    <slot name="icon" />
  </span>
  <span class="flex flex-col gap-1">
    <span class="text-base font-semibold">{title}</span>
    <span class="text-sm font-normal text-gray-500 dark:text-gray-400">
      <slot />
    </span>
  </span>
</a>
