.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--corner-full);font-family:var(--font-sans);font-weight:var(--fw-medium);letter-spacing:.1px;cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;text-decoration:none;transition:background-color .15s,filter .2s,opacity .15s;display:inline-flex}.btn.btn--primary:hover:not(:disabled){color:var(--schemes-on-primary)}.btn.btn--secondary:hover:not(:disabled),.btn.btn--outlined:hover:not(:disabled){color:var(--schemes-on-surface)}.btn.btn--text:hover:not(:disabled){color:var(--schemes-primary)}.btn.btn--danger:hover:not(:disabled){color:var(--schemes-on-error-container)}.btn--xs{height:32px;padding:var(--space-1) var(--space-3);font-size:14px;line-height:20px}.btn--sm{height:40px;padding:var(--space-2) var(--space-4);font-size:14px;line-height:20px}.btn--md{height:56px;padding:var(--space-4) var(--space-6);font-size:16px;line-height:24px}.btn--lg{height:64px;padding:0 var(--space-8);font-size:24px;line-height:32px}.btn--full-width{width:100%}.btn--primary{background:var(--schemes-primary);color:var(--schemes-on-primary)}.btn--primary:hover:not(:disabled){filter:var(--shadow-tube-glow)}.btn--secondary{background:var(--schemes-surface-container-high);color:var(--schemes-on-surface)}.btn--secondary:hover:not(:disabled){background:var(--schemes-surface-container-highest)}.btn--outlined{color:var(--schemes-on-surface);border:1px solid var(--schemes-outline);background:0 0}.btn--outlined:hover:not(:disabled){background:var(--state-layers-primary-opacity-08)}.btn--text{color:var(--schemes-primary);padding-left:var(--space-3);padding-right:var(--space-3);background:0 0}.btn--text:hover:not(:disabled){background:var(--state-layers-primary-opacity-08)}.btn--danger{background:var(--schemes-error-container);color:var(--schemes-on-error-container)}.btn--danger:hover:not(:disabled){opacity:.9}.btn--disabled,.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn--loading{cursor:wait}.btn__spinner{animation:.7s linear infinite btn-spin}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__label{font:inherit}