.articles-item{background:#fff;border-radius:16px;padding:24px;width:100%}.articles-item,.articles-item a{display:flex;flex-direction:column;justify-content:space-between}.articles-item a{height:100%}@media screen and (max-width:768px){.articles-item{padding:16px}}.articles-item__tag{border:1px solid #e2e7f1;border-radius:6px;color:#6c86ad;font-size:12px;font-weight:500;line-height:normal;margin-bottom:8px;padding:4px 8px;width:-moz-fit-content;width:fit-content}.articles-item__title{color:#181818;font-size:var(--article-title-font-size,18px);font-weight:var(--article-title-font-weight,600);margin-bottom:24px;transition:all .5s ease}@media screen and (max-width:1200px){.articles-item__title{color:#181818}}.articles-item__image{border-radius:12px;display:block;margin:auto 0 24px;overflow:hidden}.articles-item__image img{height:100%;width:100%}.articles-item img{border-radius:12px;transform:scale(1);transition:all .5s ease;width:100%}@media screen and (max-width:1200px){.articles-item img{transform:unset;transition:unset}}.articles-item:hover{cursor:pointer}.articles-item:hover .articles-item__title{color:#1c74f0}.articles-item:hover img{border-radius:10px;transform:scale(1.1)}@media screen and (max-width:1200px){.articles-item:hover img{transform:unset}}.articles-item__bottom{display:flex;justify-content:space-between}.articles-item__bottom-author{font-size:12px;font-weight:500;line-height:normal;transition:all .4s ease}.articles-item__bottom-author:hover{color:#1c74f0}.articles-item__bottom-date{color:#8e8d8d;font-size:12px;font-weight:500;line-height:normal}
