
        /*
      You want a simple and fancy tooltip?
      Just copy all [data-tooltip] blocks:
    */
        [data-tooltip] {
            position: relative;
            z-index: 10;
        }
    
        /* Positioning and visibility settings of the tooltip */
        [data-tooltip]:before,
        [data-tooltip]:after {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            left: 50%;
            bottom: calc(100% + 5px); /* 5px is the size of the arrow */