.button{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-default);min-height:3rem;font-family:var(--font-sans);font-weight:600;font-size:var(--text-lg);letter-spacing:var(--text-label-tracking);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;display:inline-flex;position:relative}.button--loading .button__label{visibility:hidden}.button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.button--primary:hover:not(:disabled){background-color:var(--color-primary)}.button--secondary{color:var(--color-primary-container);border-color:var(--color-primary-container);background-color:#0000}.button--secondary:hover:not(:disabled){background-color:var(--color-primary-soft)}.button--ghost{color:var(--color-secondary);background-color:#0000}.button--ghost:hover:not(:disabled){background-color:var(--color-secondary-fixed)}.button--danger{background-color:var(--color-error);color:var(--color-on-error)}.button--danger:hover:not(:disabled){filter:brightness(.95)}.button--danger-outline{color:var(--color-error);border-color:var(--color-error);background-color:#0000}.button--danger-outline:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-error) 8%, transparent)}.button--sm{min-height:2.25rem;padding-inline:var(--space-3);font-size:var(--text-base)}.button--md{padding-inline:var(--space-md);font-size:var(--text-lg)}.button--lg{padding-inline:var(--space-lg);font-size:var(--text-lg)}.button--full{width:100%}.button__spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.5rem;animation:.7s linear infinite button-spin;position:absolute;top:50%;left:50%}@keyframes button-spin{to{transform:rotate(360deg)}}