.hp_hover_box {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.09);
    padding: 16px 20px;
    width: 400px;
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all ease 300ms;
    z-index: 9;
}

span.author_hover {
    color: #06a75c;
    cursor: pointer;
    position: relative;
}

span.author_hover:hover .hp_hover_box {
    opacity: 1;
    visibility: visible;
}

.reviewed_by {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
}

.reviewed_by span[class*="astra-icon"] {
    color: #06a75c;
    font-size: 24px;
    margin-right: 7px;
}

.reviewed_by span.author_hover {
    padding-left: 5px;
}

.single-post header.entry-header > .entry-meta:not(:last-child) {
    margin-bottom: 4px;
}

body .hp_hover_box h4 {
    font-size: 20px !important;
    margin-bottom: 0px;
    padding-left: 8px;
}

.hp_hover_box p:last-child {
    margin-bottom: 0;
}

.hp_hover_box p {
    margin-bottom: 10px;
}

.hp_hover_box p.hp_author_link {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 16px;
}

body .hp_hover_box p {
    line-height: 23px;
}

.reviewed_by span.author_hover {
    padding-left: 5px;
    padding-right: 5px;
}

.hp-user-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

span.ast-author-avatar.ast-hover-img {
    width: 45px;
    --ast-author-avatar-size: 45px;
}

body .hp_hover_box h4.hp_author_name a {
    font-size: inherit !important;
    color: inherit !important;
}

img.hp-certified-icon {
    width: 20px;
}

@media all and (max-width: 767px){
    .hp_hover_box {display: none}
}