.h-btn{align-items:center;border:var(--h-btn-border-width) solid transparent;border-radius:var(--h-btn-radius);box-shadow:var(--h-btn-shadow);cursor:pointer;display:inline-flex;font-family:var(--h-btn-font);font-size:var(--h-btn-font-size);font-weight:var(--h-btn-font-weight);gap:var(--h-space-xs);justify-content:center;letter-spacing:var(--h-btn-ls);line-height:1;min-height:44px;padding:var(--h-btn-pad-y) var(--h-btn-pad-x);text-align:center;text-transform:var(--h-btn-transform);transition:background-color var(--h-transition),color var(--h-transition),border-color var(--h-transition),box-shadow var(--h-transition),transform var(--h-transition)}.h-btn svg{flex:0 0 auto;height:16px;width:16px}.h-btn--primary{background-color:var(--h-btn-primary-bg);border-color:var(--h-btn-primary-border);color:var(--h-btn-primary-color)}.h-btn--primary:hover{background-color:var(--h-btn-primary-bg-h);border-color:var(--h-btn-primary-border-h);color:var(--h-btn-primary-color-h)}.h-btn:active{transform:scale(.97)}.h-btn--secondary{background-color:transparent;border-color:var(--h-border-strong);color:var(--h-text)}.h-btn--secondary:hover{border-color:var(--h-accent);color:var(--h-accent)}.h-btn--ghost{background-color:transparent;border-color:transparent;color:var(--h-text)}.h-btn--ghost:hover{background-color:var(--h-accent-soft);color:var(--h-accent)}.h-btn--link{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--h-accent);min-height:auto;padding-left:0;padding-right:0}.h-btn--link:hover{color:var(--h-accent-hover);text-decoration:underline;text-underline-offset:3px}.h-btn--link:active{transform:none}.h-btn--lg{font-size:var(--h-fs-body);padding:15px 28px}.h-btn--sm{min-height:36px;padding:8px 14px}.h-btn--block{width:100%}.h-btn--uppercase{letter-spacing:var(--h-ls-dish);text-transform:uppercase}.h-btn.is-loading,.h-btn:disabled,.h-btn[aria-disabled=true]{opacity:.6;pointer-events:none}[data-surface=dark] .h-btn--secondary{border-color:var(--h-on-dark-border);color:var(--h-on-dark)}[data-surface=dark] .h-btn--ghost:hover,[data-surface=dark] .h-btn--secondary:hover{border-color:var(--h-accent);color:var(--h-accent)}[data-surface=dark] .h-btn--ghost{color:var(--h-on-dark)}.h-icon-btn{align-items:center;border-radius:var(--h-radius);color:var(--h-text);display:inline-flex;height:44px;justify-content:center;transition:color var(--h-transition),background-color var(--h-transition);width:44px}.h-icon-btn:hover{background-color:var(--h-accent-soft);color:var(--h-accent)}