.button{--icon-size:20px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;line-height:1.3;color:var(--color);-webkit-text-decoration:none;text-decoration:none;border-radius:8px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);background-color:var(--background-color);text-align:center;transition:background-color .2s}.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 rgba(239,255,99,.14)}.button--theme-white{--color:#344054;--background-color:var(--white);--background-color-hover:var(--gray-50);border:1px solid #d0d5dd}.button--theme-red{--color:var(--white);--background-color:rgb(183,36,36);--background-color-hover:rgb(204,36,36)}.button--size-normal{min-height:36px;padding:6px 12px;font-size:14px}@media (max-width:1024px){.button--size-normal{min-height:34px;padding:4px 8px}}.button--size-large{min-height:54px;padding:10px 24px;font-size:16px}@media (max-width:1024px){.button--size-large{min-height:42px;padding:6px 12px;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:4px}@media (max-width:1024px){.button--size-square{min-width:42px;min-height:42px}}.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__icon{flex-shrink:0;width:var(--icon-size);height:var(--icon-size)}.button__icon>svg{width:100%;height:100%}.button__label{position:relative;top:.5px}.button__badge{--offset:2px;position:absolute;top:2px;top:var(--offset);right:2px;right:var(--offset);transform:translate(50%,-50%)}