.cmp-posts{overflow:hidden}
.cmp-post__item{padding:16px 0;text-decoration:none}
.cmp-post__item:hover .cmp-post__item__image-wrapper:after{transform:translateY(0)}
.cmp-post__item__image-wrapper{height:170px;overflow:hidden;position:relative}
.cmp-post__item__image-wrapper:after{background:#0f58dc;content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:5px;transform:translateY(100%);transition:all .45s cubic-bezier(0.19,1,0.22,1)}
.cmp-post__item__image-wrapper img{object-fit:cover;height:100%;width:100%}
.cmp-post__item__content-wrapper{padding:8px 0 16px 0}
.cmp-post__item__content-wrapper h3{font-size:20px;line-height:1.1;font-weight:700;margin-top:8px}
.cmp-post__item__content-wrapper p{margin:0}
.cmp-post__item-date{color:#8a8a8a}
.cmp-post__pagination{list-style-type:none;display:flex;justify-content:center;margin:24px 0;padding:0}
.cmp-post__pagination li{font-weight:700;min-width:29px;min-height:29px;line-height:29px;margin:0 2px;text-align:center;cursor:pointer}
.cmp-post__pagination .current{background:#212121;color:#fff}
.cmp-post__pagination .current:hover a{color:#a1d1ff}
.cmp-post__pagination a{text-decoration:none;display:block}
@media(min-width:480px){.cmp-post__item{align-items:center;display:flex}
.cmp-post__item__image-wrapper{width:40%;margin-right:16px}
.cmp-post__item__content-wrapper{width:60%;padding:0}
}
@media(min-width:992px){.cmp-post__item__image-wrapper{width:30%}
}
@media(max-width:767.98px){.cmp-post__item-desc{display:none}
}