.tooltip {
 position: relative;
 display: inline-block;
}
 
.tooltip .tooltiptext {
 visibility: hidden;
 width: 150px;
 background-color: #8AC007;
 color: #fff;
 text-align: center;
 border-radius: 10px;
 padding: 5px 0;
 position: absolute;
 z-index: 1;
}
 
.tooltip:hover .tooltiptext {
 visibility: visible;
}