.ui-btn.arco-btn{--btn-bg:var(--surface-3);--btn-fg:var(--ink);--btn-hover:color-mix(in srgb, var(--ink) 8%, var(--surface-3));--btn-disabled-bg:var(--surface-2);--btn-disabled-fg:var(--ink-3);gap:var(--ds-space-2);border-radius:var(--ds-r-l);font-weight:var(--ds-fw-medium)}.ui-btn.arco-btn-primary{--btn-bg:var(--primary);--btn-fg:var(--surface);--btn-hover:var(--primary-hover);--btn-disabled-bg:color-mix(in srgb, var(--primary) 32%, var(--surface));--btn-disabled-fg:var(--surface)}.ui-btn.arco-btn-primary.arco-btn-status-danger{--btn-bg:var(--danger);--btn-hover:var(--danger-hover);--btn-disabled-bg:color-mix(in srgb, var(--danger) 32%, var(--surface))}.ui-btn.arco-btn-secondary.arco-btn-status-danger{--btn-bg:var(--tone-danger);--btn-fg:var(--danger);--btn-hover:color-mix(in srgb, var(--danger) 16%, var(--surface))}.ui-btn.arco-btn-text{--btn-bg:transparent;--btn-fg:var(--primary);--btn-hover:var(--surface-3);--btn-disabled-bg:transparent}.ui-btn.arco-btn-text.arco-btn-status-danger{--btn-fg:var(--danger);--btn-hover:var(--tone-danger)}.ui-btn.ui-btn-on-page.arco-btn-secondary:not(.arco-btn-status-danger){--btn-bg:var(--surface);--btn-hover:color-mix(in srgb, var(--ink) 4%, var(--surface));box-shadow:var(--ds-shadow-1)}.ui-btn.ui-btn-on-page.arco-btn-text{--btn-hover:color-mix(in srgb, var(--ink) 6%, transparent)}.ui-btn.arco-btn:not(.arco-btn-disabled){color:var(--btn-fg);background-color:var(--btn-bg);border:0}.ui-btn.arco-btn:not(.arco-btn-disabled):not(.arco-btn-loading):is(:hover,:active){color:var(--btn-fg);background-color:var(--btn-hover)}.ui-btn.arco-btn.arco-btn-disabled{color:var(--btn-disabled-fg);background-color:var(--btn-disabled-bg);border:0}.ui-btn.arco-btn-loading:before{display:none}.ui-btn.arco-btn:focus-visible{outline:2px solid var(--primary-soft-line);outline-offset:0;box-shadow:none}.ui-btn.arco-btn.arco-btn-size-default{height:var(--ds-h-l);padding:0 var(--ds-space-5)}.ui-btn.arco-btn.arco-btn-size-small{height:var(--ds-h-m);padding:0 var(--ds-space-4)}.ui-btn.arco-btn.arco-btn-size-mini{height:var(--ds-h-s);padding:0 var(--ds-space-3)}.ui-btn.arco-btn.arco-btn-size-large{height:var(--ds-h-xl);padding:0 var(--ds-space-8)}.ui-btn.arco-btn.arco-btn-size-default,.ui-btn.arco-btn.arco-btn-size-small,.ui-btn.arco-btn.arco-btn-size-large{font-size:var(--ds-fs-body);line-height:var(--ds-lh-body)}.ui-btn.arco-btn.arco-btn-size-mini{font-size:var(--ds-fs-small);line-height:var(--ds-lh-small)}.ui-btn.arco-btn:not(.arco-btn-icon-only){justify-content:center;align-items:center;display:inline-flex}.ui-btn.arco-btn-long{display:flex}.ui-btn.arco-btn>:is(svg,span)+:is(svg,span){margin-left:0}.ui-btn.arco-btn svg{font-size:var(--ds-icon-s);flex:none}.ui-btn.arco-btn.arco-btn-icon-only{aspect-ratio:1;width:auto;padding:0}.ui-btn-reason{justify-content:flex-end;align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;display:inline-flex}.ui-btn-reason__text{color:var(--ink-2);font-size:var(--ds-fs-small);line-height:var(--ds-lh-small)}[data-device=tablet] .ui-btn.arco-btn.arco-btn-size-default{height:var(--ds-h-tablet)}[data-device=phone] .ui-btn.arco-btn:is(.arco-btn-size-default,.arco-btn-size-large){height:var(--ds-h-touch);font-size:var(--ds-fs-title-s);line-height:var(--ds-lh-title-s)}[data-device=phone] .ui-btn.arco-btn:is(.arco-btn-size-default,.arco-btn-size-large) svg{font-size:var(--ds-icon-m)}