.button-component.svelte-18sv61c{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--text-weight-medium);border-radius:.5rem;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1}.button-component--primary.svelte-18sv61c{background-color:var(--color-primary);color:var(--color-text-inverse)}.button-component--primary.svelte-18sv61c:hover:not(:disabled){background-color:var(--color-primary-hover)}.button-component--secondary.svelte-18sv61c{background-color:var(--color-surface-subtle);color:var(--color-text-secondary);border:1px solid var(--color-surface-strong)}.button-component--secondary.svelte-18sv61c:hover:not(:disabled){background-color:var(--color-surface-muted)}.button-component--disabled.svelte-18sv61c{background-color:var(--color-surface-strong);color:var(--color-text-disabled);cursor:not-allowed}.button-component--sm.svelte-18sv61c{padding:.5rem 1rem;font-size:var(--text-size-sm)}.button-component--md.svelte-18sv61c{padding:.75rem 1.5rem;font-size:var(--text-size-base)}.button-component--lg.svelte-18sv61c{padding:1rem 2rem;font-size:var(--text-size-lg)}.button-component--full-width.svelte-18sv61c{width:100%}.button-component.svelte-18sv61c:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus)}