[x-cloak] { display: none !important; }
/* Style du lien */
.animate-circle {
    position: relative;
    text-decoration: none; /* Supprime la ligne sous le texte */
    color: #d1d5db; /* Couleur de base (gris clair) */
    transition: color 0.3s ease; /* Transition pour la couleur */
  }

  /* Création de la ligne animée */
  .animate-circle::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    background-color: #46b9b6; /* Couleur de la ligne */
    transition: width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
  }

  /* Animation de la ligne sur hover */
  .animate-circle:hover::before {
    animation: drawLine 3s linear infinite;
  }
/* Animation de la ligne autour du texte */
@keyframes drawLine {
    0% {
      top: 100%;
      left: 0;
      width: 1px;
      height: 1px;
    }
    11.11% {
      top: 100%;
      left: 0;
      width: 100%;
      height: 1px;
    }
    22.22% {
      top: 100%;
      left: 100%;
      width: 1px;
      height: 1px;
    }
    33.33% {
      top: 0%;
      left: 100%;
      width: 1px;
      height: 100%;
    }
    44.44% {
      top: 0%;
      left: 100%;
      width: 1px;
      height: 1px;
    }
    55.55% {
      top: 0%;
      left: 0%;
      width: 100%;
      height: 1px;
    }
    66.66% {
      top: 0%;
      left: 0%;
      width: 1px;
      height: 1px;
    }
    77.77% {
      top: 0%;
      left: 0%;
      width: 1px;
      height: 100%;
    }
    88.88% {
      top: 100%;
      left: 0%;
      width: 1px;
      height: 1px;
    }
    100% {
      top: 100%;
      left: 0%;
      width: 1px;
      height: 1px;
    }
  }