.tooltip{position:relative;cursor:pointer}.tooltip::after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:#84d306;color:#fff;padding:5px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s;pointer-events:none;z-index:1000;max-width:25vw}.tooltip:hover::after{opacity:1;visibility:visible}.tooltip:hover::before{opacity:1;visibility:visible}