---
const { class: className, ...rest } = Astro.props
---

<button
  class:list={[
    'w-full md:w-fit md:h-full bg-dark hover:bg-gray py-3.5 md:py-1 px-2 rounded-none text-left md:text-center',
    className
  ]}
  {...rest}
>
  <slot />
</button>