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