.tooltip{position:relative;display:inline-block}.tooltip:hover:after{content:attr(data-tooltip);opacity:1;visibility:visible}.tooltip:after,.tooltip:hover:after{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:5px;border-radius:3px;white-space:nowrap;z-index:10;transition:opacity .2s}.tooltip:after{content:"";opacity:0;visibility:hidden}