
/* 组件本身不需要样式，所有样式都在动态创建的按钮上 */
.x-download-button-container[data-v-d7f8da44] {
  display: none;
}


/* 全局样式：注入到页面的按钮样式 */

/* wrapper 样式（定位容器） */
.x-download-wrapper {
  position: relative;
}

/* button 样式（与抖音/TikTok 完全一致） */
.x-download-button {
  cursor: pointer;
  transition: all 0.3s ease;
  background: rgba(84, 84, 84, 0.5);  /* ✅ 统一半透明灰 */
  color: white;
  border-radius: 11px;  /* ✅ 统一圆角矩形 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 注意：纯图标按钮，不需要 padding，否则会压缩内容区域导致图标被 Twitter 的 max-width: 100% 限制 */
}
.x-download-button:hover {
  background: rgba(84, 84, 84, 0.8);  /* ✅ 背景加深 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.x-download-button:active {
  background: rgba(84, 84, 84, 0.9);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.x-download-button-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.x-download-button-inner svg,
.x-download-button-inner img {
  width: 25px;
  height: 25px;
  fill: currentColor;
  flex-shrink: 0;
}

/* 动画效果 */
@keyframes x-button-pulse {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.8;
}
}
.x-download-button.downloading {
  animation: x-button-pulse 1.5s ease-in-out infinite;
  pointer-events: none;
}

