---
import { routes } from '@/config/site';
import { t } from '@/i18n';
import Button from '@/components/ui/Button.astro';

type Props = { class?: string };

const { class: className } = Astro.props;
const { label, note } = t.cardPaymentCta;
---

{/* Full-width button to the contact page, with a call-back note under it. */}
<div class:list={['flex flex-col gap-1.25', className]}>
	<Button href={routes.contact} arrow="up-right" uppercase={false} class="w-full">{label}</Button>
	<p class="text-center text-sm text-muted">{note}</p>
</div>