.button.svelte-1dgvr8c{font-family:var(--font-heading);line-height:1;width:fit-content;white-space:nowrap;transition:all .3s;display:flex;align-items:center;gap:.5rem;position:relative}.button.m.svelte-1dgvr8c{padding:1rem 1.5rem;height:3rem}.button.s.svelte-1dgvr8c{font-weight:700;padding:.5rem;height:1.75rem}.button.primary.svelte-1dgvr8c,.button.secondary.svelte-1dgvr8c{border:1px solid;text-decoration:none}.button.primary.svelte-1dgvr8c{border-color:var(--color-alt-bg);color:var(--color-fg);background-color:var(--color-alt-bg)}.button.secondary.svelte-1dgvr8c{border-color:var(--color-fg);color:var(--color-fg);background-color:transparent}.button.ternary.svelte-1dgvr8c{border:0}.button.ternary.svelte-1dgvr8c svg:where(.svelte-1dgvr8c){clip-path:inset(0px 100% 0px 0px);transition:clip-path .16s ease-out;position:absolute;inset:50% auto auto -3px;width:1em;height:1em;display:inline-block;translate:0 -50%}.button.svelte-1dgvr8c>.badge:where(.svelte-1dgvr8c){position:absolute;top:-.8rem;right:-.8rem;color:var(--color-alt-bg);font-weight:700;font-size:var(--font-body-s);text-transform:uppercase;padding:.5rem .5rem .25rem;border-radius:var(--border-round-full);background-color:var(--color-brand-1)}.button.primary.svelte-1dgvr8c:hover,.button.primary.svelte-1dgvr8c:focus,.button.secondary.svelte-1dgvr8c:hover,.button.secondary.svelte-1dgvr8c:focus{color:var(--color-alt-bg);background-color:var(--color-fg);border-color:var(--color-fg)}.button.ternary.svelte-1dgvr8c:hover,.button.ternary.svelte-1dgvr8c:focus{padding-left:1em}.button.ternary.svelte-1dgvr8c:hover svg:where(.svelte-1dgvr8c),.button.ternary.svelte-1dgvr8c:focus svg:where(.svelte-1dgvr8c){clip-path:inset(0px)}