*:has(> .custom-tooltip) {
    position: relative;
}

.custom-tooltip[data-tooltip-show="hide"] {
    display: none;
}

.custom-tooltip[data-tooltip-show="show"] {
    display: block;
    position: absolute;
    width: max-content;
    bottom: 90%;
    right: 70%;
    padding: 10%;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    opacity: .8;
}