.gamipress-requirements-descriptions {
    display: inline-block;
}

.gamipress-requirements-descriptions .gamipress-requirements-descriptions-icon {
    display: inline-block;
    background: url('../img/info.svg') no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    opacity: 0.2;
}

.gamipress-requirements-descriptions .gamipress-requirements-descriptions-text {
    visibility: hidden;
    padding: 8px 12px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    margin-left: -20px;
    margin-top: -4px;
    transition: all 0.4s;
    opacity: 0;
    transform: translateY(-90%);
}

.gamipress-requirements-descriptions:hover .gamipress-requirements-descriptions-text,
.gamipress-requirements-descriptions:focus .gamipress-requirements-descriptions-text,
.gamipress-requirements-descriptions:active .gamipress-requirements-descriptions-text {
    visibility: visible;
    opacity: 1;
    transform: translateY(-100%);
}

.gamipress-requirements-descriptions .gamipress-requirements-descriptions-text:after {
    content: " ";
    position: absolute;
    top: 100%;
    margin-top: -1px;
    left: 28px;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
}