.kit-help {
    position: relative;
    font-family: "PT Sans", sans-serif;
    font-size: 13px;

    &__icon {
        position: relative;
        z-index: 9;
        opacity: 0.5;
    }

    &__inner {
        position: absolute;
        top: -8px;
        right: 30px;
        z-index: 8;
        width: 200px;
        min-height: 33px;
        padding: 8px 14px 8px;
        background-color: #fffcf0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        visibility: hidden;
        box-sizing: border-box;
        opacity: 0;
        color: #000000;
        transition: opacity 0.3s ease-out;

        &::before {
            content: "";
            position: absolute;
            top: 0;
            right: -37px;
            z-index: 1;
            width: 37px;
            height: 33px;
            background-color: #fffcf0;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        }

        &::after {
            content: "";
            position: absolute;
            top: 0;
            right: -2px;
            z-index: 2;
            width: 5px;
            height: 33px;
            background-color: #fffcf0;
        }
    }

    &:hover &__inner {
        visibility: visible;
        opacity: 1;
    }
}