.me-coverpop {
    position: fixed;
    width: 260px;
    height: auto;
    bottom: 50px;
    z-index: 9999;
    right: 50px;
    background: #fff;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 0 25px 17px #0000002e;
    opacity: 0;
    pointer-events: none;
}
.me-coverpop a {
    display: block;
    line-height: normal;
}
.me-coverpop a img {
    display: block;
}
.me-coverpop__close {
    display: inline-block;
    position: absolute;
    z-index: 9;
    cursor: pointer;
    background: #ffc304;
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 100%;
    font-size: 22px;
    font-weight: bold;
    top: -10px;
    right: -10px;
}
.me-coverpop__close:hover {
    background: #e0aa00;
}
.me-coverpop__heading {
    display: block;
    color: #383838;
    font-weight: 500;
    font-size: 16px;
    margin-top: 12px;
}
.me-coverpop--bounce-in {
    animation-name: meCoverpopBounceIn;
    animation-duration: 1s;
    animation-fill-mode: both;
    pointer-events: inherit;
}
.me-coverpop--bounce-out {
    animation-name: meCoverpopBounceOut;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes meCoverpopBounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0%  { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
    20% { transform: scale3d(1.1, 1.1, 1.1); }
    40% { transform: scale3d(0.9, 0.9, 0.9); }
    60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
    80% { transform: scale3d(0.97, 0.97, 0.97); }
    to  { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes meCoverpopBounceOut {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0%  { opacity: 1; transform: scale3d(1, 1, 1); }
    20% { transform: scale3d(.97, .97, .97); }
    40% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
    60% { transform: scale3d(.9, .9, .9); }
    80% { transform: scale3d(1.1, 1.1, 1.1); }
    to  { opacity: 0; transform: scale3d(.3, .3, .3); }
}
@media (max-width: 767px) {
    .me-coverpop {
        width: 180px;
        right: 12px;
        bottom: 20px;
        padding: 8px;
    }
    .me-coverpop__heading {
        font-size: 13px;
        margin-top: 8px;
    }
    .me-coverpop__close {
        width: 28px;
        height: 28px;
        line-height: 26px;
        font-size: 18px;
        top: -8px;
        right: -8px;
    }
}