.title-post-wrap{
    display: flex;
    align-items: center;
}
.title-post-wrap:hover{
    color: var(--color-brand-hover);
}
.title-post-wrap .meta-links{
    display: none;
    font-size: .8rem;
    margin-top: 4px;
}
.title-post-wrap .meta-links a:not(:hover){
    color: #777777;
}

.title-post-wrap .thumb{
    flex: 1 0 auto;
}
.title-post-wrap .title{
    flex: 1 1 100%;
}
.title-post-wrap .thumb ~ .title{
    margin-left: 10px;
}
.title-post-wrap .thumb img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 8px;
}

#posts-datatable a{
    text-decoration: none !important;
}

#posts-datatable td,
#posts-datatable th{
    line-height: 1.3;
    text-align: left;
    font-size: .9rem;
}

#posts-datatable .judul{
    width: 420px;
}
#posts-datatable .tag{
    width: 420px;
}
#posts-datatable tbody tr:nth-child(even) td{
    background-color: rgba(0, 0, 0, 0.035);
}
#posts-datatable tr:hover td .title-post-wrap .meta-links{
    display: block;
}