.button{--icon-size:16px;justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background-color:var(--background-color);text-align:center;-webkit-user-select:none;user-select:none;font-weight:500;line-height:1.3;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s;display:inline-flex;position:relative}.button,.button--theme-primary{--color:var(--white);--background-color:var(--primary-900);--background-color-hover:var(--primary-800)}.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:rgb(var(--black-rgb), .45);--color:var(--black);--background-color:var(--white);--background-color-hover:var(--gray-50);border:1px solid var(--border-default)}.button--theme-red{--color:var(--white);--background-color:#b72424;--background-color-hover:#cc2424}.button--theme-evergreen{--color:var(--surface-1);--background-color:var(--evergreen-800);--background-color-hover:var(--evergreen-800);border-radius:var(--radius-md);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:linear-gradient(180deg, rgb(var(--white-rgb), .2) 0%, rgb(var(--white-rgb), 0) 50%), var(--background-color);border:1px solid #0003;transition:filter .15s,transform .15s}.button--theme-evergreen:hover:not(.button--disabled),.button--theme-evergreen:focus-visible:not(.button--disabled){filter:brightness(1.08)}.button--theme-evergreen:active:not(.button--disabled){transform:translateY(1px)}.button--size-normal{--icon-size:14px;min-height:32px;padding:var(--spacing-xs) 10px;font-size:13px}.button--size-large{min-height:54px;padding:10px var(--spacing-3xl);font-size:16px}@media (max-width:1024px){.button--size-large{min-height:42px;padding:var(--spacing-sm) var(--spacing-lg);font-size:15px}}.button--size-square{--size:32px;--icon-size:16px;min-width:32px;min-width:var(--size);min-height:32px;min-height:var(--size);padding:var(--spacing-xs)}@media (max-width:1024px){.button--size-square{min-width:42px;min-height:42px}}.button--size-square-large{--size:46px;--icon-size:24px;min-width:46px;min-width:var(--size);min-height:46px;min-height:var(--size);padding:var(--spacing-xs)}.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)}.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__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;top:.5px}.button__badge{--offset:2px;top:2px;top:var(--offset);right:2px;right:var(--offset);position:absolute;transform:translate(50%,-50%)}