/* button-primary.css */
/* 主要按钮样式 - 蓝色渐变 */

:root {
  --blue-main: #2563ff;
  --blue-soft: #e5edff;
  --blue-deep: #1d4ed8;
}

/* 主要按钮 */
.btn-primary,
.hero-cta,
.btn-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 20px;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 255, 0.7);
  background: linear-gradient(135deg, var(--blue-main), #4f8dff);
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    transform 0.1s ease;
}

.btn-primary:hover,
.hero-cta:hover,
.btn-buy:hover {
  border-color: rgba(191, 219, 254, 1);
  box-shadow:
    0 0 6px rgba(129, 212, 250, 0.7),
    0 0 14px rgba(37, 99, 255, 0.75),
    0 0 22px rgba(56, 189, 248, 0.7);
  color: #ffffff;
  transform: translateY(-1px);
}

/* btn-buy 在卡片中的尺寸调整 */
.btn-buy {
  font-size: 12px;
  padding: 7px 14px;
}