.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltiptext{visibility:hidden;width:220px;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}