.button{font-family:Inter,sans-serif;font-size:var(--body-bold);line-height:1.375rem;font-weight:600;border-radius:var(--radius-05);border:none;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-01);cursor:pointer}.button.small{padding-inline:var(--spacing-04);padding-block:var(--spacing-01);gap:var(--spacing-02)}.button.small>svg{margin:0;inline-size:1.375rem;block-size:1.375rem}.button.medium{padding-inline:var(--spacing-04);padding-block:var(--spacing-02)}.button.medium>svg{margin:0;inline-size:1.375rem;block-size:1.375rem}.button.large{padding-inline:var(--spacing-04);padding-block:var(--spacing-02);font-family:Inter,sans-serif;font-size:var(--heading-4);line-height:1.625rem;font-weight:500}.button.large>svg{margin:0;inline-size:1.625rem;block-size:1.625rem}.button.primary{background-color:var(--primary-color);color:var(--text-inverse-color)}.button.primary:active,.button.primary:hover{background-color:var(--primary-color-active)}.button.primary.disabled{background-color:var(--primary-color-disabled);color:var(--text-inverse-color)}.button.secondary{background-color:var(--secondary-color);color:var(--primary-text-color)}.button.secondary:active,.button.secondary:hover{background-color:var(--secondary-color-active);color:var(--secondary-color-dark)}.button.secondary.disabled{background-color:var(--background-color);color:var(--secondary-color-active)}.button.ghost{background-color:transparent;color:var(--text-primary-color)}.button.ghost:active,.button.ghost:hover{background-color:transparent;color:var(--primary-text-color)}.button.ghost.disabled{background-color:transparent;color:var(--secondary-color-active)}.button.primary-inverse{background-color:var(--text-inverse-color);color:var(--primary-color)}.button.primary-inverse:active,.button.primary-inverse:hover{background-color:var(--primary-color-disabled);color:var(--primary-color-active)}.button.primary-inverse.disabled{background-color:var(--text-inverse-color);color:var(--primary-color-disabled)}.button.error,.button.error:active,.button.error:hover{background-color:var(--error-color);color:var(--text-inverse-color)}.button.error.disabled{background-color:var(--error-color-disabled);color:var(--text-inverse-color)}.button.success,.button.success:active,.button.success:hover{background-color:var(--success-color);color:var(--text-inverse-color)}.button.success.disabled{background-color:var(--success-color-disabled);color:var(--text-inverse-color)}.button.disabled{cursor:not-allowed}