/* ==========================================================================
   HYUNDAI AUTOMOTIVE - MODERN TECH BUTTON SYSTEM
   Brand Colors: Hyundai Blue (#002C5F), Active Blue (#0072CE)
   ========================================================================== */

/* Base Style */
.nx-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  padding: 15px 34px !important;
  border-radius: 4px !important; /* Presisi modern arsitektural otomotif */
  font-family: "Hyundai Sans Head", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  will-change: transform, box-shadow !important;
}

/* Primary Hyundai Blue Button (Simulasi Kredit / Test Drive) */
.nx-btn-hyundai-primary,
.nx-btn-gold {
  background: linear-gradient(135deg, #002C5F 0%, #001A38 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #004085 !important;
  box-shadow: 0 8px 20px rgba(0, 44, 95, 0.25) !important;
}

.nx-btn-hyundai-primary:hover,
.nx-btn-gold:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #003B7A 0%, #00244D 100%) !important;
  box-shadow: 0 12px 28px rgba(0, 114, 206, 0.35) !important;
  color: #FFFFFF !important;
  border-color: #0072CE !important;
}

/* Secondary Tech / Outline Button (Download Brosur / WhatsApp) */
.nx-btn-hyundai-secondary,
.nx-btn-glass {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #002C5F !important;
  border: 1.5px solid #002C5F !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

.nx-btn-hyundai-secondary:hover,
.nx-btn-glass:hover {
  transform: translateY(-2px) !important;
  background: #002C5F !important;
  border-color: #002C5F !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 24px rgba(0, 44, 95, 0.2) !important;
}

/* Mobile Adjustment */
@media (max-width: 767px) {
  .nx-btn {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 20px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
  }
}