.blink-cta {
  display: block;
  width: fit-content;
  margin: 20px auto;
  padding: 14px 28px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #d32f2f; /* fallback */
  border-radius: 6px;
  /* Reduced contrast for safety & professionalism */
  --blink-primary: #e53935;   /* strong red */
  --blink-secondary: #f8d7da; /* soft pink (not pure white — safer & less harsh) */
}

/* Blinking effect: professional & WCAG-compliant */
.blink-cta.blinking {
  animation: professionalBlink 2.4s ease-in-out infinite;
  /* Optional: add subtle glow for visual polish */
  box-shadow: 0 0 8px rgba(229, 57, 53, 0.2);
}

@keyframes professionalBlink {
  0%, 100% {
	color: #fff;
	background-color: var(--blink-primary);
  }
  48%, 52% {
	color: #c62828;
	background-color: var(--blink-secondary);
  }
}

/* Accessibility: allow users to disable motion */
@media (prefers-reduced-motion: reduce) {
  .blink-cta.blinking {
	animation: none;
	background-color: var(--blink-primary);
  }
}

.blink-cta:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.4);
  transition: all 0.2s ease;
}


/* --- Blue Variant --- */
.blink-cta-blue {
  display: block;
  width: fit-content;
  margin: 20px auto;
  padding: 14px 28px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #1565c0; /* fallback */
  border-radius: 6px;
  --blink-primary: #1e88e5;   /* strong blue */
  --blink-secondary: #bbdefb; /* soft blue */
}

.blink-cta-blue.blinking {
  animation: professionalBlinkBlue 2.4s ease-in-out infinite;
  box-shadow: 0 0 8px rgba(33, 150, 243, 0.2);
}

@keyframes professionalBlinkBlue {
  0%, 100% {
    color: #fff;
    background-color: var(--blink-primary);
  }
  48%, 52% {
    color: #0d47a1; /* dark blue text */
    background-color: var(--blink-secondary);
  }
}

@media (prefers-reduced-motion: reduce) {
  .blink-cta-blue.blinking {
    animation: none;
    background-color: var(--blink-primary);
  }
}

.blink-cta-blue:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4);
  transition: all 0.2s ease;
}


/* --- Green Variant --- */
.blink-cta-green {
  display: block;
  width: fit-content;
  margin: 20px auto;
  padding: 14px 28px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #2e7d32; /* fallback */
  border-radius: 6px;
  --blink-primary: #43a047;   /* strong green */
  --blink-secondary: #c8e6c9; /* soft green */
}

.blink-cta-green.blinking {
  animation: professionalBlinkGreen 2.4s ease-in-out infinite;
  box-shadow: 0 0 8px rgba(76, 175, 80, 0.2);
}

@keyframes professionalBlinkGreen {
  0%, 100% {
    color: #fff;
    background-color: var(--blink-primary);
  }
  48%, 52% {
    color: #1b5e20; /* dark green text */
    background-color: var(--blink-secondary);
  }
}

@media (prefers-reduced-motion: reduce) {
  .blink-cta-green.blinking {
    animation: none;
    background-color: var(--blink-primary);
  }
}

.blink-cta-green:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
  transition: all 0.2s ease;
}