/* ==========================================================================
   pwa-header-bar-theme49-button.css · 新皮肤 PWA 栏按钮（theme-49 / theme-52）
   对应源码：ptgame/app/src/pwa/HeaderBar/Theme49Button.vue <style scoped lang="less">
   ========================================================================== */

.btn-wrap {
  z-index: 0;
  display: flex;
  width: 6.75rem;
  height: 2.125rem;
  margin-left: 18px;
  position: relative;
  align-items: center;
  padding: 0.5rem 0.625rem;
  box-sizing: border-box;
  justify-content: space-between;
  border-radius: var(--ep-border-radius-m);
}

/* 源码 .download-svg { font-size: 1.625rem; color: ... }（ion-icon 以 font-size 定尺寸、currentColor 着色）。
   原生等价物为 img（复刻契约 ion-icon→img）：img 不受 color/font-size 控制，
   以 width/height 等价尺寸；SVG 源 fill="currentColor" 在 img 中解析为默认黑色，
   源码着色为 var(--ep-color-icon-inverse)（theme-49/52 下亦为深色系），视觉差异极小，注释备查 */
.btn-wrap .download-svg {
  font-size: 1.625rem;
  color: var(--ep-color-icon-inverse);
  width: 1.625rem;
  height: 1.625rem;
}

.btn-wrap .btn-text {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}

/* 源码 .btn-bg（Primary49 内嵌 SVG 组件根，绝对定位垫底；本项目为 fetch 内联的 svg 元素） */
.btn-wrap .btn-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}