1<div class="relative inline-block group">
2  <button type="button" class="cursor-pointer">Hover me</button>
3  <div class="absolute bottom-full left-1/2 -translate-x-1/2 mb-[5px] w-max max-w-[200px] px-[8px] py-[8px] bg-[#333333] text-[#ffffff] text-[14px] rounded-[4px] opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity duration-[300ms]">
4    This is a tooltip
5    <div class="absolute border-[5px] border-transparent top-full left-1/2 -translate-x-1/2 border-t-[${arrowSize}px] border-t-[${backgroundColor}]"></div>
6  </div>
7</div>