Tooltip

Is there any possibility of putting what each icon means when passing with the mouse above?

/* Credit label style */
.geodir_credit {
float: left;
display: inline;
clear:none !important;
margin: 3px 3px 3px 0px;
border-radius: 5px;
border: 1px solid #eda513;
background: white;
color: transparent;
width: 38px;
text-align: center;
background-position: 3px;
height: 29px;
}
.geodir_credit:before {
font-family: FontAwesome;
content: “\f1f0”;
color: #eda513;
font-size: 22px;
padding-left: 4px;
}
.geodir_credit .geodir-i-checkbox {
display: none;
}

To this css Add Tooltip
Thank you
I attach a photo