.tooltipx-info-icon-container {
    position: relative;
    display: inline-block;

    &:hover .ttx-text {
        visibility: visible;
        display: inline-block;
        opacity: 1;
    }

    &>.ttx-anchor {
        cursor: pointer;
    }

    &>.ttx-info-icon {
        font-weight: 700;
        opacity: 0.6;
    }

    &>.ttx-text {
        background-color: #f9f9f9;
        color: black;
        text-align: left;
        border: 1px solid grey;
        border-radius: 4px;
        box-shadow: 2px 2px 2px grey;
        padding: 2px 5px;
        position: absolute;
        box-sizing: border-box;
        left: -50px;
        bottom: 100%;
        width: max-content;
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s;

        &::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 57px;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

        & a {
            color: blue;
        }
    }
}