.blog__card{cursor:pointer;background:#19181c;border-radius:12px;width:100%;padding:20px;text-decoration:none;transition:background .3s ease-in-out;display:block}.blog__card:hover{background:#1f1e21}.blog__card--image{border-radius:8px;width:100%;height:240px;margin-bottom:20px;overflow:hidden}.blog__card--image img{object-fit:cover;width:100%;height:100%}.blog__card--views{justify-content:flex-start;align-items:center;margin-bottom:12px;display:flex}.blog__card--views svg{color:#939199;width:24px;height:24px;margin-right:4px}.blog__card--views span{color:#939199;font-size:14px;font-weight:400;line-height:120%}.blog__card--title{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:18px;font-weight:500;line-height:100%;overflow:hidden}.blog__card--desc{color:#939199;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:120%;overflow:hidden}.blog__card--desc>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog__card--desc h1,.blog__card--desc h2,.blog__card--desc h3,.blog__card--desc h4,.blog__card--desc h5,.blog__card--desc h6{line-height:1.25}@media screen and (max-width:1024px){.blog__card{padding:16px}.blog__card--image{height:180px;margin-bottom:12px}.blog__card--views{margin-bottom:8px}.blog__card--views span{font-size:12px;font-weight:400;line-height:120%}.blog__card--title{-webkit-line-clamp:2;white-space:break-spaces;-webkit-box-orient:vertical;font-size:16px;font-weight:400;line-height:100%;display:-webkit-box;overflow:hidden}.blog__card--desc{font-size:12px;font-weight:400;line-height:120%}}