a:focus{box-shadow:none;color:currentColor}a{text-decoration:none}button[data-tooltips]{position:relative}button[data-tooltips]::before{content:attr(data-tooltips);position:absolute;background-color:white;top:-45px;padding:10px;border-radius:5px;font-size:12px;width:max-content;visibility:hidden;transform:translateY(-10px);transition:transform .5s}button[data-tooltips]::after{content:"";width:0px;height:0px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white;position:absolute;top:-13px;visibility:hidden;transform:translateY(-10px);transition:transform .5s}button[data-tooltips]:hover::before,button[data-tooltips]:hover::after{display:block;color:#000;transform:translateY(0px);visibility:visible}*[data-tooltips-right]{position:relative}*[data-tooltips-right]::after{content:attr(data-tooltips-right);position:absolute;background-color:#000;color:white;top:50%;left:calc(100% + 10px);padding:20px;border-radius:5px;font-size:12px;width:max-content;visibility:hidden;transform:translateY(-50%);opacity:0;transition:transform .5s;text-wrap:wrap;max-width:10rem;z-index:99}*[data-tooltips-right]:hover::after{visibility:visible;opacity:1}