.btn{font-family:var(--font-body,"Segoe UI"),system-ui,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:.33rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:flex}.btn svg{flex:none;width:1.15rem;height:1.15rem}.btn--sm{padding:.5rem}.btn--md{height:2.5rem;padding-left:.75rem;padding-right:.75rem}.btn--full{width:100%;height:2.5rem;padding-left:1rem;padding-right:1rem}.btn--disabled,.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{color:var(--light-color);background-color:var(--primary-color)}.btn--primary:hover:not(:disabled){background-color:var(--primary-color-hover)}.btn--primary:active:not(:disabled){background-color:var(--primary-color-active)}.btn--secondary{color:var(--light-color);background-color:var(--secondary-color)}.btn--secondary:hover:not(:disabled){background-color:var(--secondary-color-hover)}.btn--secondary:active:not(:disabled){background-color:var(--secondary-color-active)}.btn--outline{background-color:var(--surface-color);border-color:var(--border-color);color:var(--color)}.btn--outline:hover:not(:disabled){border-color:var(--border-color-active);background-color:var(--neutral-color-light)}.btn--danger{background-color:var(--danger-color);color:var(--light-color)}.btn--danger:hover:not(:disabled){background-color:var(--danger-color-hover)}.btn--danger:active:not(:disabled){background-color:var(--danger-color-active)}.btn--error{background-color:var(--error-color);color:var(--light-color)}.btn--error:hover:not(:disabled){background-color:var(--error-color-hover)}.btn--error:active:not(:disabled){background-color:var(--error-color-active)}.btn--info{background-color:var(--info-color);color:var(--light-color)}.btn--info:hover:not(:disabled){background-color:var(--info-color-hover)}.btn--info:active:not(:disabled){background-color:var(--info-color-active)}.btn--success{background-color:var(--success-color);color:var(--light-color)}.btn--success:hover:not(:disabled){background-color:var(--success-color-hover)}.btn--success:active:not(:disabled){background-color:var(--success-color-active)}.btn--warning{background-color:var(--warning-color);color:var(--light-color)}.btn--warning:hover:not(:disabled){background-color:var(--warning-color-hover)}.btn--warning:active:not(:disabled){background-color:var(--warning-color-active)}.btn--fill-color{background-color:var(--fill-color);color:var(--dark-color)}.btn--fill-color:hover:not(:disabled){background-color:var(--fill-color-hover)}.btn--fill-color:active:not(:disabled){background-color:var(--fill-color-active)}.btn--outline-primary{border-color:var(--primary-color);color:var(--primary-color);background-color:#0000}.btn--outline-primary:hover:not(:disabled){background-color:var(--primary-color-light)}.btn--outline-secondary{border-color:var(--secondary-color);color:var(--secondary-color);background-color:#0000}.btn--outline-secondary:hover:not(:disabled){background-color:var(--neutral-color-light)}.btn--outline-danger{border-color:var(--danger-color);color:var(--danger-color);background-color:#0000}.btn--outline-danger:hover:not(:disabled){background-color:var(--danger-color-light)}.btn--outline-error{border-color:var(--error-color);color:var(--error-color);background-color:#0000}.btn--outline-error:hover:not(:disabled){background-color:var(--error-color-light)}.btn--outline-info{border-color:var(--info-color);color:var(--info-color);background-color:#0000}.btn--outline-info:hover:not(:disabled){background-color:var(--info-color-light)}.btn--outline-success{border-color:var(--success-color);color:var(--success-color);background-color:#0000}.btn--outline-success:hover:not(:disabled){background-color:var(--success-color-light)}.btn--outline-warning{border-color:var(--warning-color);color:var(--warning-color);background-color:#0000}.btn--outline-warning:hover:not(:disabled){background-color:var(--warning-color-light)}