.help-wrapper{
    position:relative;
    display:inline-block;
}

/* bouton */
.help-toggle{
    cursor:pointer;
}

/* bulle */
.help-bubble{
position: absolute;
  top: 49px;
  right: 0;
  background: white;
  border-radius: 16px;
  padding: 10px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;
  flex-direction: column;
  min-width: 180px;
  animation: pop 0.2s ease;
  margin-right: -10px;
}

/* petite "queue" de bulle */
.help-bubble::before{
content: "";
  position: absolute;
  top: -19px;
  right: 20px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

/* items */
.help-item{
    padding:10px 16px;
    text-decoration:none !important;
    color:#333;
    font-size:14px;
    display:block;
}

.help-item:hover{
    background:linear-gradient(90deg, #8362FF, #BD37FF);
    color:white;
}

/* animation */
@keyframes pop{
    from{
        transform:scale(0.9);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}