.button{height:52px;padding:2px 24px;display:flex;align-items:center;justify-items:center;width:fit-content;cursor:pointer;transition:0.3s;font-size:16px}.button.--icon{flex-direction:row;gap:16px}.button.--primary{color:#fff;background-color:var(--color-primary)}.button.--primary:hover{background:var(--color-dark)}.button.--dark{color:#fff;background-color:var(--color-dark)}.button.--dark:hover{background:var(--color-primary)}.button.--light{color:var(--color-dark);background-color:var(--color-bg--light)}.button.--light:hover{background:var(--color-light)}.button.--secondary{color:#fff;background-color:var(--color-secondary)}.button.--secondary:hover{background:var(--color-primary)}.button.--xxl{height:72px}.button.--xl{height:64px}.button.--l{height:56px}.button.--m{height:48px}.button.--sm{height:44px;font-size:16px;padding:2px 16px}.button.--s{height:34px;border-radius:4px;padding:2px 12px;font-size:14px}.button.--s svg{height:16px;width:auto}.button.--xs{height:28px;font-size:14px;padding:2px 12px;border-radius:4px}.button.--xs svg{height:14px;width:auto}.icon-link{display:flex;flex-direction:row;gap:6px;align-items:center}