.button{--button-solid-bg:linear-gradient(135deg, var(--color-coral), var(--color-blue-soft));--button-solid-hover-bg:linear-gradient(135deg, var(--color-coral-dark), var(--color-coral));--button-solid-fg:#fff;--button-solid-shadow:0 14px 28px #3083e32e;--button-soft-bg:var(--color-sky);--button-soft-hover-bg:#eaf5ff;--button-soft-fg:var(--color-coral-dark);--button-soft-border:#3083e32e;--button-soft-hover-border:#3083e35c;--button-outline-bg:#fff;--button-outline-hover-bg:#f7fbff;--button-outline-fg:var(--color-ink);--button-outline-border:var(--color-line);--button-outline-shadow:0 8px 24px #18334a14;--button-glass-bg:#ffffffeb;--button-glass-fg:#0c2954;--button-glass-border:#ffffff57;justify-content:center;align-items:center;gap:var(--spacing-2);min-width:0;color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:0;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,opacity .16s,transform .16s;display:inline-flex}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.56}.button_fullWidth{width:100%}.button_loading{cursor:wait}.button_size_sm{min-height:34px;padding:0 var(--spacing-3);border-radius:var(--spacing-3);font-size:13px;font-weight:750}.button_size_md{min-height:44px;padding:0 var(--spacing-4);border-radius:14px;font-size:14px;font-weight:800}.button_size_lg{min-height:50px;padding:0 var(--spacing-4);border-radius:calc(var(--spacing-3) + 1px);font-size:15px;font-weight:800}.button_size_xl{min-height:56px;padding:0 var(--spacing-5);border-radius:var(--spacing-4);font-size:16px;font-weight:850}.button_color_neutral{--button-solid-bg:var(--color-ink);--button-solid-hover-bg:#071c35;--button-solid-shadow:0 14px 28px #102b4f2e;--button-soft-bg:#f7fbff;--button-soft-hover-bg:#eef7ff;--button-soft-fg:var(--color-ink);--button-soft-border:var(--color-line);--button-soft-hover-border:#102b4f3d}.button_color_success{--button-solid-bg:#198754;--button-solid-hover-bg:#147245;--button-solid-shadow:0 14px 28px #19875433;--button-soft-bg:#eefbf4;--button-soft-hover-bg:#e2f7ed;--button-soft-fg:#147245;--button-soft-border:#1987542e;--button-soft-hover-border:#19875457}.button_color_danger{--button-solid-bg:linear-gradient(135deg, #d44d4d, #bc3535);--button-solid-hover-bg:linear-gradient(135deg, #c33d3d, #a92f2f);--button-solid-shadow:0 14px 28px #bc353533;--button-soft-bg:#fff3f3;--button-soft-hover-bg:#ffe9e9;--button-soft-fg:#8f1c1c;--button-soft-border:#8f1c1c24;--button-soft-hover-border:#8f1c1c47}.button_color_light{--button-soft-bg:#ffffff24;--button-soft-hover-bg:#ffffff38;--button-soft-fg:#fff;--button-soft-border:#ffffff57;--button-soft-hover-border:#ffffff94;--button-outline-bg:#ffffffe0;--button-outline-hover-bg:#fff;--button-outline-fg:#0c2954;--button-outline-border:#ffffff57;--button-glass-bg:#ffffffeb;--button-glass-fg:#0c2954;--button-glass-border:#ffffff57}.button_variant_unstyled{min-height:0;font-size:inherit;font-weight:inherit;box-shadow:none;border-radius:0;padding:0}.button_variant_solid,.button_variant_primary,.button_variant_success,.button_variant_danger{color:var(--button-solid-fg);background:var(--button-solid-bg);box-shadow:var(--button-solid-shadow)}.button_variant_solid:not(:disabled):not([aria-disabled=true]):hover,.button_variant_primary:not(:disabled):not([aria-disabled=true]):hover,.button_variant_success:not(:disabled):not([aria-disabled=true]):hover,.button_variant_danger:not(:disabled):not([aria-disabled=true]):hover{background:var(--button-solid-hover-bg);transform:translateY(-1px)}.button_variant_success{--button-solid-bg:#198754;--button-solid-hover-bg:#147245;--button-solid-shadow:0 14px 28px #19875433}.button_variant_danger{--button-solid-bg:linear-gradient(135deg, #d44d4d, #bc3535);--button-solid-hover-bg:linear-gradient(135deg, #c33d3d, #a92f2f);--button-solid-shadow:0 14px 28px #bc353533}.button_variant_soft,.button_variant_ghost,.button_variant_dangerSoft{color:var(--button-soft-fg);background:var(--button-soft-bg);border:1px solid var(--button-soft-border)}.button_variant_soft:not(:disabled):not([aria-disabled=true]):hover,.button_variant_ghost:not(:disabled):not([aria-disabled=true]):hover,.button_variant_dangerSoft:not(:disabled):not([aria-disabled=true]):hover{background:var(--button-soft-hover-bg);border-color:var(--button-soft-hover-border);transform:translateY(-1px)}.button_variant_dangerSoft{--button-soft-bg:#fff3f3;--button-soft-hover-bg:#ffe9e9;--button-soft-fg:#8f1c1c;--button-soft-border:#8f1c1c24;--button-soft-hover-border:#8f1c1c47}.button_variant_outline,.button_variant_secondary{color:var(--button-outline-fg);background:var(--button-outline-bg);border:1px solid var(--button-outline-border);box-shadow:var(--button-outline-shadow)}.button_variant_outline:not(:disabled):not([aria-disabled=true]):hover,.button_variant_secondary:not(:disabled):not([aria-disabled=true]):hover{background:var(--button-outline-hover-bg);transform:translateY(-1px)}.button_variant_glass{color:var(--button-glass-fg);background:var(--button-glass-bg);border:1px solid var(--button-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button_variant_glass:not(:disabled):not([aria-disabled=true]):hover{background:#fff}.button_variant_text{color:var(--button-soft-fg);background:0 0}.button_variant_text:not(:disabled):not([aria-disabled=true]):hover{background:var(--button-soft-bg)}.button_variant_pill{color:var(--button-soft-fg);background:var(--button-soft-bg);border:1px solid var(--button-soft-border);border-radius:var(--radius-pill);font-weight:800}.button_variant_icon{color:var(--button-soft-fg);background:var(--button-soft-bg);border:1px solid var(--button-soft-border);border-radius:var(--radius-pill)}.button_iconOnly{aspect-ratio:1;padding-inline:0}.button_iconOnly.button_size_sm{width:34px}.button_iconOnly.button_size_md{width:44px}.button_iconOnly.button_size_lg{width:50px}.button_iconOnly.button_size_xl{width:56px}.button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite button-spin;display:inline-flex}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
