---
type Props = {
  href: String;
  link: String;
};

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

<a href={`${href}`}>
  <div
    class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-md px-3 py-1.5 text-center text-sm font-medium text-nowrap transition-colors duration-300"
  >
    {link}
  </div>
</a>
