.tooltip {
position: absolute;
padding: 8px;
background-color: rgba(0, 0, 0, 0.7);
color: white;
border-radius: 4px;
z-index: 999;
}
.tooltip-top {
transform: translateY(-100%);
bottom: 100%;
}
.tooltip-bottom {
transform: translateY(100%);
top: 100%;
}