/* Custom S/* Custom Architectural Button Styling */
.btn, .kjb-button {
  background-color: #FF6200 !important; /* Your Exit Orange */
  color: #FFFFFF !important;
  border-radius: 0px !important; /* Keeps it square/industrial */
  font-family: 'Karla', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease-in-out; /* This creates the smooth 2026 feel */
}

/* The Power-Shift Hover State */
.btn:hover, .kjb-button:hover {
  background-color: #11101C !important; /* Transitions to your Hero Navy */
  color: #FFFFFF !important;
  transform: translateY(-2px); /* Subtle lift for "expensive" friction */
}tyles */

/* Target the specific Learn More link structure */
p span a[href*="market-audit"], 
p span a[href*="quiz-title"], 
p span a[href*="rewired"],
p span a[href*="sellandscalebook"] {
  display: inline-block !important;
  transition: all 0.3s ease-in-out !important;
  text-decoration: none !important;
}

/* The Expansion and Movement Effect */
p span a[href*="market-audit"]:hover, 
p span a[href*="quiz-title"]:hover, 
p span a[href*="rewired"]:hover,
p span a[href*="sellandscalebook"]:hover {
  letter-spacing: 0.05em !important; /* Slight expansion */
  transform: translateX(8px) !important; /* Noticeable slide to the right */
  opacity: 0.8; /* Subtle color shift to show it is active */
}