button.svelte-18sv61c,.button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-unit);font:var(--font-button);text-decoration:none;text-align:center;padding:var(--spacing-unit);border:none;border:2px solid var(--color-on-primary);border-radius:var(--border-radius);background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}button.svelte-18sv61c:hover,.button:hover,button.svelte-18sv61c:focus,.button:focus{border-color:transparent;background-color:var(--color-on-primary);color:var(--color-primary);outline:none}button.svelte-18sv61c:disabled,.button:disabled{opacity:.6;pointer-events:none}button.svelte-18sv61c.context--danger,.button.context--danger{border-color:var(--color-danger);color:var(--color-danger)}button.svelte-18sv61c.context--danger:hover,.button.context--danger:hover,button.svelte-18sv61c.context--danger:focus,.button.context--danger:focus{background-color:var(--color-danger);color:var(--color-on-danger)}