a {
position: relative;
}
a[data-tooltip]:before {
position: absolute;
left: -50%;
top: -32px;
background-color: #000000;
color: #ffffff;
line-height:1.4;
border-radius: 4px;
padding-top:3px;
padding-bottom:3px;
padding-left:7px;
padding-right:7px;
content: attr(data-tooltip);
display: none;
font-size:12px;
text-align: center;
text-decoration: none;
}
a[data-tooltip]:after {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: -10px;
border-top-color: #000;
border-width: 5px 5px 0;
content: "";
display: none;
}
a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {
display: block;
}