.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:220px;background-color:#555;color:#fff;text-align:left;border-radius:6px;padding:5px;position:absolute;z-index:1;top:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity .3s}.tooltip .tooltiptext:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#555}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}