---
interface Props {
  className?: string;
}

const { className = '' } = Astro.props;
---

<button class:list={className}>
  <slot />
</button>

<style>
  button {
    font-size: 1rem;
    padding: var(--prj-spacing-1) var(--prj-spacing-3);
    background-color: var(--prj-accent-bg);
    color: var(--prj-accent-text);

    border-radius: 6px;
    border-color: var(--prj-accent-bg);

    cursor: pointer;

    margin-bottom: 0;
  }
</style>
