.post-item{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}
.post-item:hover{
            -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-box-shadow: 0 10px 15px 0 rgba(30, 45, 62, .04), 0 0 50px 0 rgba(31, 44, 60, .1);
        box-shadow: 0 10px 15px 0 rgba(30, 45, 62, .04), 0 0 50px 0 rgba(31, 44, 60, .1);

}
.post-item .post_thumb img{
    aspect-ratio: 1.5 / 1;
    object-fit: cover;
}
.post_excerpt{
      overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.post_content{
    padding: 15px;
}
.meta_box{
    background-color: #006c67de;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    top: 15px;
    FONT-SIZE: 14PX;
    COLOR: #FFF;
    left: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.readmore{
    border: solid 1px #eee;
    text-align: center;
    margin-top: 20px;
}
.btn-readmore{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 15px;
    justify-content: center;
    /* transform: translate(); */
    position: relative;
}

.btn-readmore:before
 {
    background-color: #006C67;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 0;
     z-index: 0;
}
.btn-readmore:hover::before{
    opacity: 1;
    width: 100%;
   
}
.btn-readmore span{
    color: #333;
    z-index: 1;
    transition: .5s;
}
.btn-readmore:hover span{
    color: #fff;

}