---
interface Props {
  title: string;

  href: string;
  target?: string;
}

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

<div class="mx-auto">
  <a
    class="text-caperren-green border-caperren-green hover:border-caperren-green-light hover:text-caperren-green-light rounded-2xl border-2 bg-black p-2"
    href={href}
    target={target}
  >
    {title}
  </a>
</div>