.blog-card{cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;height:500px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.blog-card:hover .blog-card-icon{transform:scale(1.1)}.blog-card-icon{transition:transform .2s}.blog-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:24px;display:grid}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}
