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

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

<a href={`${href}`}>
  <div
    class="m-4 flex w-fit animate-reveal flex-row items-center gap-1 justify-self-center rounded-full bg-tertiary px-2 py-1 text-sm font-medium capitalize text-primary opacity-0 transition-colors [animation-delay:0.1s] hover:bg-accent"
  >
    {link}
  </div>
</a>