/* Bouton Style 1 */
body.style1 .form button,
body.style1 .button a {
  border-radius: 30px !important;
  padding: 10px 20px !important;
  display: block !important;
  position: relative !important;
  width: fit-content !important;
  overflow: hidden !important;
  border: 2px solid var(--primaire-1) !important;
  background: var(--primaire-1) !important;
  color: var(--primaire-4) !important;
  cursor: pointer !important;
  transition: border 0.3s ease-in-out !important;
  text-decoration: none !important;
  font-size: 0.95em;
  font-weight: 500;
}

/* Animation avec ::before */
body.style1 .form button::before,
body.style1 .button a::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  height: 100% !important;
  width: 100% !important;
  background: var(--primaire-4) !important; /* surbrillance blanche */
  border-radius: 30px !important;
  transition: transform 0.3s ease-in-out !important;
  z-index: 0 !important;
  font-size: 0.95em;
  font-weight: 500;
}

/* Effet au survol : vague */
body.style1 .form button:hover::before,
body.style1 .button a:hover::before {
  transform: translateX(100%) !important;
}

/* Texte au-dessus */
body.style1 .form button span,
body.style1 .button a span {
  position: relative !important;
  z-index: 1 !important;
}

/* Hover */
body.style1 .form button:hover,
body.style1 .button a:hover {
  color: var(--primaire-1) !important;
}