
/* Focus personnalisé pour les boutons WP */
.wp-block-button__link:focus-visible {
  outline: none !important;       /* supprime le contour bleu natif */
  position: relative !important;  /* nécessaire pour le ::after */
  z-index: 2;
}

/* Création du contour noir “détaché” du bouton */
.wp-block-button__link:focus-visible::after {
  content: "";
  position: absolute;
  top: -8px;         /* espace transparent autour */
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 2px solid rgba(0, 0, 0, 0.9); /* contour noir légèrement opaque */
  border-radius: 999px; /* suit la forme arrondie du bouton */
  background: transparent;
  pointer-events: none; /* évite tout blocage de clic */
  transition: all 0.2s ease-in-out;
}

