.chkPopWrapper {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
}

.chkPopContent {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0px;
    transform: translate(0, 10px);
    background-color: #fefefe;
    padding: 1.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    /*width: auto;*/
}

    .chkPopContent:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(0px);
        top: 0px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #bfbfbf transparent;
        transition-duration: 0.3s;
        transition-property: transform;
    }

.chkPopWrapper.chkPopNow .chkPopContent {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}