.export-progress-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.export-progress-button .export-progress-fill {
  position: absolute;
  z-index: 0;
  inset: 0 auto 0 0;
  width: 0;
  pointer-events: none;
  /* 进度从浅到深，填充宽度由 React 的真实百分比控制。 */
  background: linear-gradient(90deg, #f73787 0%, #e22574 28%, #bc3970 62%, #e9d7de 100%);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .32);
  transition: width .18s linear;
}

.export-progress-button .export-progress-label {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}