:root {
  // 按钮高度-大
  --ti-mobile-button-height-large: 40px;
  // 按钮文字大小-大
  --ti-mobile-button-font-size-large: var(--ti-mobile-font-size-m, 14px);
  // icon尺寸-大
  --ti-mobile-button-icon-size-large: 24px;
  // 按钮左右边距-大
  --ti-mobile-button-padding-large: var(--ti-mobile-space-8x, 32px);
  // 按钮最小宽度-大
  --ti-mobile-button-min-width-large: 112px;
  // 按钮高度-小
  --ti-mobile-button-height-small: 28px;
  // 按钮文字大小-小
  --ti-mobile-button-font-size-small: var(--ti-mobile-font-size-s, 12px);
  // icon尺寸-小
  --ti-mobile-button-icon-size-small: 16px;
  // 按钮左右边距-小
  --ti-mobile-button-padding-small: var(--ti-mobile-space-4x, 15px);
  // 按钮最小宽度-小
  --ti-mobile-button-min-width-small: 72px;
  // 加载图标大小
  --ti-mobile-button-loading-size: 16px;
  // 加载图标和文字间距
  --ti-mobile-button-loading-padding: var(--ti-mobile-space-1x, 4px);
  // 边框尺寸
  --ti-mobile-button-border-width: var(--ti-mobile-border-width, 1px);
  // 加载图标内宽度
  --ti-mobile-button-loading-size-inner: 12px;
  // 加载图标内间距
  --ti-mobile-button-loading-padding-size-inner: 2px;
  // 按钮文字颜色-白
  --ti-mobile-button-text-color-white: var(--ti-mobile-color-text-inverse, #fff);
  // 按钮文字颜色-危险
  --ti-mobile-button-text-color-danger: var(--ti-mobile-color-error, #f23030);
  // 按钮文字颜色-不可用
  --ti-mobile-button-text-color-disabled: var(--ti-mobile-color-text-disabled, #c2c2c2);
  // 按钮文字颜色-黑
  --ti-mobile-button-text-color-black: var(--ti-mobile-color-text-primary, #191919);
  // 按钮文字颜色-蓝
  --ti-mobile-button-text-color-blue: var(--ti-mobile-color-text-link, #1476ff);
  // 边框颜色
  --ti-mobile-button-border-color: var(--ti-mobile-color-border-default-2, #595959);
  // 背景色-默认
  --ti-mobile-button-bg-color-white: var(--ti-mobile-color-bg-container-1, #fff);
  // 背景色-主要
  --ti-mobile-button-bg-color-black: var(--ti-mobile-color-bg-primary-default, #191919);
  // 背景色-不可用
  --ti-mobile-button-bg-color-disabled: var(--ti-mobile-color-bg-disabled, #f0f0f0);
  // 按钮点击背景色
  --ti-mobile-button-bg-color-active: var(--ti-mobile-color-bg-primary-active, #595959);
}
