.button{--icon-size:16px;justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color);border-radius:var(--control-radius);box-shadow:var(--shadow-xs);background-color:var(--background-color);text-align:center;transition:background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:500;line-height:24px;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}.button,.button--theme-primary,.button--theme-evergreen{--color:var(--action-primary-fg);--background-color:var(--action-primary-bg);--background-color-hover:var(--action-primary-hover)}.button--theme-primary,.button--theme-evergreen{box-shadow:0 4px 4px #1a19251f, 0 2px 2px #1a19251f, 0 1px .75px #1a19251f, 0 .75px .375px #1a19251f, 0 .25px .125px #1a19253d, 0 8px 6px #1a19250f, inset 0 -8px 20px #1a192514, inset 0 1px 3px rgb(var(--white-rgb), .08), inset 0 .75px .75px rgb(var(--white-rgb), .08), inset 0 .25px .25px rgb(var(--white-rgb), .12);background-image:linear-gradient(180deg, rgb(var(--white-rgb), .2) 0%, rgb(var(--white-rgb), 0) 50%);border:1px solid #0003}.button--theme-canary{--color:var(--primary-900);--background-color:var(--canary-300);--background-color-hover:var(--canary-200);box-shadow:1px 1px 24px 7px #efff6324}.button--theme-white{--icon-color:var(--text-muted);--color:var(--foreground);--background-color:var(--white);--background-color-hover:var(--surface-3);border:1px solid var(--border-default)}.button--theme-red{--color:var(--white);--background-color:var(--danger-700);--background-color-hover:var(--danger-600)}.button--size-normal{--icon-size:16px;min-height:var(--control-height);padding:0 var(--spacing-xl);font-size:14px}.button--size-large{--icon-size:16px;min-height:var(--control-height-large);padding:var(--spacing-md) var(--spacing-3xl);font-size:16px}.button--size-square{--size:var(--control-height);--icon-size:16px;min-width:var(--size);min-height:var(--size);padding:0}.button--size-square-large{--size:var(--control-height-large);--icon-size:24px;min-width:var(--size);min-height:var(--size);padding:0}.button:focus-visible{outline:2px solid var(--evergreen-600);outline-offset:2px}.button--width-full{width:100%}.button--disabled{cursor:default;opacity:.5}.button:hover:not(.button--disabled){background-color:var(--background-color-hover)}.button:active:not(.button--disabled){background-color:var(--background-color)}:where(.button:active:not(.button--disabled)){transform:scale(.98)}.button__stack{grid-gap:inherit;place-items:center;gap:inherit;display:grid}.button__stack__content,.button__stack__spinner{align-items:center;gap:inherit;grid-area:1/1;display:inline-flex}.button__stack__content{transition:opacity .16s cubic-bezier(.16,1,.3,1),filter .16s cubic-bezier(.16,1,.3,1);transition:opacity .16s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), filter .16s var(--ease-out,cubic-bezier(.16, 1, .3, 1))}.button--loading .button__stack__content{opacity:0;filter:blur(2px)}@media (prefers-reduced-motion:reduce){.button__stack__content{filter:none;transition:none}.button:active:not(.button--disabled){transform:none}}.button__stack__spinner{animation:.16s cubic-bezier(.16,1,.3,1) button-spinner-in;animation:button-spinner-in .16s var(--ease-out,cubic-bezier(.16, 1, .3, 1))}@media (prefers-reduced-motion:reduce){.button__stack__spinner{animation:none}}@keyframes button-spinner-in{0%{opacity:0;transform:scale(.9)}}.button__icon{width:var(--icon-size);height:var(--icon-size);color:var(--icon-color,currentcolor);flex-shrink:0}.button__icon>svg{width:100%;height:100%}.button__label{position:relative}.button__badge{--offset:2px;top:2px;top:var(--offset);right:2px;right:var(--offset);position:absolute;transform:translate(50%,-50%)}