/* From Uiverse.io by Javierrocadev - CTA accueil « Inscrivez-vous » (couleurs thème Olyfit) */

.hero-cta-card-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-decoration: none;
  display: block;
}

/* Carré → au survol même carré en rotation -45° = losange : forme géométrique cohérente */
.hero-cta-card {
  width: 280px;
  height: 280px;
  background: var(--color-primary, #0043FF);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: var(--font-tertiary, "Inter", sans-serif);
  font-weight: 900;
  color: var(--color-white, #fff);
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  padding: 24px;
  box-sizing: border-box;
}

.hero-cta-card .text {
  transition: transform 0.5s ease-in-out;
  line-height: 1.25;
}

.hero-cta-card .cta-line1 {
  font-size: 1.05rem;
  margin-bottom: 8px;
  font-weight: 700;
}

.hero-cta-card .cta-line2 {
  font-size: 2rem;
  letter-spacing: 0.02em;
}

.hero-cta-card-link:hover .hero-cta-card {
  box-shadow: 75px 75px 5px -20px rgba(0, 67, 255, 0.5), -75px 75px 5px -20px rgba(76, 255, 0, 0.4), -75px -75px 5px -20px rgba(0, 67, 255, 0.5), 75px -75px 5px -20px rgba(76, 255, 0, 0.4);
  transform: rotate(-45deg);
}

.hero-cta-card-link:hover .hero-cta-card .text {
  transform: rotate(45deg);
}