/* On positionne le bouton pour pouvoir y ancrer le halo */
 #apimessenger-toggle {
     position: relative;
 }

 @keyframes halo-pulse {
     0% {
         transform: scale(1);
         opacity: 0.7;
     }

     100% {
         transform: scale(2);
         opacity: 0;
     }
 }

 /* On crée le halo avec un pseudo-élément pour ne pas affecter le bouton lui-même */
 #apimessenger-toggle.halo-pulse::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: var(--bs-primary);
     /* Utilise la couleur primaire de votre bouton */
     border-radius: 50%;
     animation: halo-pulse 2s infinite;
     z-index: -1;
     /* Place le halo derrière le bouton */
 }