.wb-btn{--btn-h:34px;height:var(--btn-h);border-radius:var(--wb-radius-sm);font:inherit;font-size:var(--wb-text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s var(--wb-ease),border-color .15s var(--wb-ease),box-shadow .15s var(--wb-ease),transform 80ms var(--wb-ease),color .15s var(--wb-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:560;line-height:1;display:inline-flex;position:relative;text-decoration:none!important}.wb-btn:active:not(:disabled){transform:scale(.98)}.wb-btn:disabled{cursor:not-allowed;opacity:.5}.wb-btn svg{flex:none;width:16px;height:16px}.wb-btn--sm{--btn-h:28px;font-size:var(--wb-text-sm);border-radius:var(--wb-radius-xs);padding:0 10px}.wb-btn--sm svg{width:14px;height:14px}.wb-btn--lg{--btn-h:42px;font-size:var(--wb-text-lg);border-radius:var(--wb-radius-md);padding:0 18px}.wb-btn--block{width:100%;display:flex}.wb-btn--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--wb-accent) 88%,#fff) 0,var(--wb-accent) 100%);color:var(--wb-fg-on-accent);box-shadow:0 1px 2px #1e32a040,inset 0 1px #ffffff2e}.wb-btn--primary:hover:not(:disabled){background:var(--wb-accent-hover)}.wb-btn--secondary{background:var(--wb-surface-raised);color:var(--wb-fg);border-color:var(--wb-border-strong);box-shadow:0 1px 1px #1414280a}.wb-btn--secondary:hover:not(:disabled){background:var(--wb-surface-sunken)}.wb-btn--ghost{color:var(--wb-fg-secondary);background:0 0}.wb-btn--ghost:hover:not(:disabled){background:var(--wb-surface-sunken);color:var(--wb-fg)}.wb-btn--danger{background:var(--wb-danger);color:#fff;box-shadow:0 1px 2px #a01e1e40}.wb-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--wb-danger) 88%,#000)}.wb-btn--danger-ghost{color:var(--wb-danger);background:0 0}.wb-btn--danger-ghost:hover:not(:disabled){background:var(--wb-danger-soft)}.wb-btn--loading .wb-btn__label,.wb-btn--loading>svg{opacity:0}.wb-btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite wb-spin;position:absolute}@keyframes wb-spin{to{transform:rotate(1turn)}}