/**
 * Override teleport-cta styles from song.css
 * This file MUST load after song.css to override the purple gradient
 */

/* Override the purple gradient background - use exact same selector as song.css */
.teleport-cta {
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 50%, #fafafa 100%) !important;
  color: #232323 !important;
}

/* Override text colors to dark for readability */
.teleport-cta * {
  color: #232323 !important;
}

.teleport-cta-title {
  color: #232323 !important;
  text-shadow: none !important;
}

.teleport-cta-subtitle {
  color: #757575 !important;
}

.teleport-ways-title {
  color: #232323 !important;
}

.teleport-feature-title {
  color: #232323 !important;
}

.teleport-feature-desc {
  color: #757575 !important;
}

.teleport-feature-icon {
  color: #7d11ff !important;
  background: rgba(125, 17, 255, 0.1) !important;
}

.teleport-cta-button {
  background: #7d11ff !important;
  color: #ffffff !important;
}

.teleport-cta-button:hover {
  background: #6a0ed9 !important;
  color: #ffffff !important;
}

/* Ensure feature cards have proper styling */
.teleport-feature-card {
  background: #ffffff !important;
  border: 1px solid #eaeaea !important;
  color: #232323 !important;
}

.teleport-feature-card:hover .teleport-feature-icon {
  background: #7d11ff !important;
  color: #ffffff !important;
}