.judulpopulerpost{
    width: 100%;
    color: var(--nav-color);
    display: block;
}
.poppost{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: auto;
    gap: 10px;
    margin-bottom: 15px;
}
.poppostleft{
    width: 10%;
    height: auto;
    text-align: center;
    padding: 5px;
    background: linear-gradient(
        180deg, 
        var(--nav-active-color) 0%,
        var(--nav-active-color) 30%,
        #fff 100%);
}
.poppostleft span{
    color: #fff;
    font-size: 20pt;   
}
.poppostright{
    width: 90%;
}
.poppostright a{
    text-decoration: none;
    font-weight: bolder;
}
.poppostright a p:hover{
    color: var(--nav-color);
}
.poppostright a p{
    font-size: 15pt;
    color: var(--text-black);
}
.tagpopulerpost{
    color: #888888;
    align-items: center;
    display: flex;
    gap: 5px;
    margin-top: 5px;
}
.tagpopulerpost i{
    font-size: var(--font-btn);
}