.tooltip{border-bottom:1px dotted #636363;cursor:help}.tooltip::after{background:rgba(0, 0, 0, 0.8);border-radius:8px 8px 8px 0px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.5);color:#FFF;content:attr(data-tooltip);margin-top: -24px;opacity:0;padding:3px
7px;position:absolute;visibility:hidden;text-transform:none;transition:all 0.4s ease-in-out}.tooltip:hover::after{opacity:1;visibility:visible;text-transform:none}