:root {
  --construction-orange: #FFEB3B;
}

.cta-container {
  /* Dark background with a hint of the orange for depth */
  background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);
  border-left: 8px solid var(--construction-orange);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* Hover effect: The whole section glows slightly and shifts */
.cta-container:hover {
  background: linear-gradient(135deg, #222222 0%, #3d3d3d 100%);
  transform: scale(1.01);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.orange-label {
  color: var(--construction-orange);
  letter-spacing: 2px;
  font-size: 0.9rem;
}

/* Adds a subtle underline to the call to action on hover */
.cta-container:hover .h4 {
  color: var(--construction-orange) !important;
  text-decoration: underline;
}

.opacity-90 {
  opacity: 0.9;
}