.button{--icon-size:20px;color:var(--color);background-color:var(--background-color);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1.3;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s;display:inline-flex;position:relative;box-shadow:0 1px 2px #1018280d}.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{--color:#344054;--background-color:var(--white);--background-color-hover:var(--gray-50);border:1px solid #d0d5dd}.button--theme-red{--color:var(--white);--background-color:#b72424;--background-color-hover:#cc2424}.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--size-square-large{--size:46px;--icon-size:24px;min-width:46px;min-width:var(--size);min-height:46px;min-height:var(--size);padding:4px}.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{width:var(--icon-size);height:var(--icon-size);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%)}
