.btn{--button-current-height:var(--control-height);--button-current-padding:var(--space-24);--button-current-radius:var(--radius-md);--button-current-font-size:var(--font-size-16);--button-current-icon-size:var(--icon-size);--button-background:var(--color-accent);--button-background-hover:var(--color-accent-hover);--button-background-active:var(--color-accent-active);--button-color:var(--color-on-accent);--button-border-color:var(--button-primary-border);--button-focus-color:var(--button-primary-focus);justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--button-current-height);padding:0 var(--button-current-padding);border:1px solid var(--button-border-color);border-radius:var(--button-current-radius);background:var(--button-background);color:var(--button-color);font-size:var(--button-current-font-size);text-align:center;cursor:pointer;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--button-background-hover)}.btn:focus-visible{outline:2px solid var(--button-focus-color);outline-offset:2px}.btn.btn--active:not(:disabled):not([aria-disabled=true]),.btn:active:not(:disabled):not([aria-disabled=true]){background:var(--button-background-active)}.btn:disabled,.btn[aria-disabled=true]{opacity:.38;cursor:not-allowed}.btn__icon{width:var(--button-current-icon-size);height:var(--button-current-icon-size);fill:none;flex:none;display:block}.btn__label{min-width:0}.btn--small{--button-current-height:var(--control-height-sm);--button-current-padding:var(--space-16);--button-current-radius:var(--radius-sm);--button-current-font-size:var(--font-size-14);--button-current-icon-size:var(--icon-size-sm)}.btn--medium{--button-current-height:var(--control-height-md)}.btn--large{--button-current-height:var(--control-height-lg);--button-current-padding:var(--space-32);--button-current-radius:var(--radius-lg);--button-current-font-size:var(--font-size-18)}.btn--secondary{--button-background:var(--button-secondary-background);--button-background-hover:var(--button-secondary-background-hover);--button-background-active:var(--button-secondary-background-active);--button-color:var(--color-accent)}.btn--outline{--button-background:var(--button-outline-background);--button-background-hover:var(--button-outline-background-hover);--button-background-active:var(--button-outline-background-active);--button-color:var(--color-accent);--button-border-color:var(--color-accent)}.btn--ghost{--button-background:transparent;--button-background-hover:var(--button-neutral-background-hover);--button-background-active:var(--button-neutral-background-active);--button-color:var(--color-icon-muted);--button-border-color:transparent}.btn--neutral-outline{--button-current-radius:var(--radius-sm);--button-background:transparent;--button-background-hover:var(--button-neutral-background-hover);--button-background-active:var(--button-neutral-background-active);--button-color:var(--color-caption);--button-border-color:var(--button-neutral-border)}.btn--danger{--button-background:var(--color-danger);--button-background-hover:var(--color-danger-hover);--button-background-active:var(--color-danger-active);--button-focus-color:var(--button-danger-focus)}.btn--soft{--button-current-height:var(--control-height-md);--button-current-padding:var(--space-12);--button-current-radius:var(--radius-pill);--button-current-icon-size:var(--icon-size-sm);--button-background:var(--color-control-background);--button-background-hover:var(--button-soft-background-hover);--button-background-active:var(--button-soft-background-active);--button-color:var(--color-text);font-weight:400}.btn--icon-only{width:var(--button-current-height);border-radius:var(--radius-circle);flex:none;padding:0}.btn--block{width:100%;display:flex}