/* ByteQuest — polished header CTA (replaces angular rainbow-gradient-btn in nav) */

.header-default .header-right .header-btn .bq-btn-cta,
.popup-mobile-menu .header-btn .bq-btn-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  min-width: 88px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
  background: linear-gradient(
    135deg,
    var(--color-primary-gradient-start, #2dd4bf),
    var(--color-primary-gradient-end, #7c4dff)
  );
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.header-default .header-right .header-btn .bq-btn-cta:hover,
.popup-mobile-menu .header-btn .bq-btn-cta:hover {
  color: #fff !important;
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 6px 22px rgba(45, 212, 191, 0.28);
}

.header-default .header-right .header-btn .bq-btn-cta:active,
.popup-mobile-menu .header-btn .bq-btn-cta:active {
  transform: translateY(0);
}

.popup-mobile-menu .header-btn .bq-btn-cta {
  width: calc(100% - 40px);
  margin: 0 20px;
}

@media only screen and (max-width: 991px) {
  .header-default .header-right .header-btn .bq-btn-cta {
    min-height: 38px;
    padding: 0 16px;
    font-size: 13px;
  }
}