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