.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:rgba(0,0,0,0);color:var(--text-primary-color)}.button.ghost:active,.button.ghost:hover{background-color:rgba(0,0,0,0);color:var(--primary-text-color)}.button.ghost.disabled{background-color:rgba(0,0,0,0);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}.button.pill{justify-content:flex-start;padding:6px 18px;border:1px solid var(--secondary-color);background-color:var(--layer-color);color:var(--primary-text-color);font-size:.8125rem;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.button.pill:hover{border-color:var(--primary-color)}.button.pill.selected{border:1px solid var(--primary-color);background-color:var(--primary-color);color:var(--text-inverse-color)}.button.pill.selected:hover{border-color:var(--primary-color)}.button.pill.disabled{border:1px solid var(--secondary-color-active);background-color:#f4f3fa;color:#b7bbc4}.button.pill.disabled:hover{border-color:var(--secondary-color-active)}