/* Style général pour tous les labels de formulaire */
.field__label {
  font-size: 15px; /* Taille de police confortable */
  font-weight: bold; /* Mettre en gras pour la lisibilité */
  color: #4A4A4A; /* Gris foncé pour le texte */
  background-color: #F9F9F9; /* Fond très clair pour bien distinguer le texte */
  padding: 10px; /* Un peu d'espace autour du texte */
  border-left: 5px solid #ffcd01; /* Bordure gauche en jaune subtil */
  border-radius: 5px; /* Arrondir légèrement les bords */
  margin-bottom: 15px; /* Espacement entre les éléments */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Ombre douce pour le relief */
  transition: all 0.3s ease; /* Transition douce pour les effets */
  text-transform: uppercase; /* Met le texte en majuscule */
}

/* Effet au survol */
.field__label:hover {
  background-color: #e9e9e9; /* Changer légèrement la couleur de fond au survol */
  color: #333; /* Assombrir le texte */
  transform: translateY(-2px); /* Légère élévation au survol */
}

/* Si tu veux personnaliser l'icône ou ajouter un effet spécifique, voici un exemple */
.field__label i {
  margin-right: 10px; /* Espacement entre l'icône et le texte */
  color: #ffcd01; /* Icone en jaune pour ressortir */
}

/* Exemple de style spécifique si tu veux ajouter une bordure ou autre pour certains cas */
.field__label.special {
  background-color: #f3f3f3; /* Fond légèrement plus clair */
  border-left: 5px solid #7d7bff; /* Violet très clair comme bordure */
}