span[class][data-tooltip]{position:relative;cursor:help}span[class][data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;opacity:0;font-size:1rem;pointer-events:none;transition:opacity .2s ease-in-out;text-transform:capitalize;max-width:200px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center;box-sizing:border-box}span[class][data-tooltip]:hover:after{opacity:1}