.blog-listing{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);width:100%}.blog-listing__post-image{height:250px!important;object-fit:cover;object-position:top!important;width:100%}.blog-listing__post{background:#f4f5f7;border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:all .3s ease}.blog-listing__post:hover{box-shadow:0 6px 10px rgba(0,0,0,.15);transform:translateY(-5px)}.blog-listing--card{margin-bottom:20px;width:100%}.blog-listing__post--card{padding:15px}.blog-post-listing__post-image-wrapper--card{border-radius:8px;margin-bottom:15px}.blog-post-listing__post-image-wrapper img{border-radius:8px;height:auto;object-fit:cover;width:100%}.blog-listing--list{display:flex;flex-direction:column;gap:20px;width:100%}.blog-listing__post-title,.blog-listing__post-title a{color:#000;font-size:1.4rem;font-weight:600;margin:10px 0;text-decoration:none}.blog-listing__post-title-link:hover{color:#000}.blog-listing__post-tags{color:#666;font-size:.9rem;margin-bottom:10px}.blog-listing__post-tag{color:#0073e6;display:inline-block;margin-right:8px;text-decoration:none}.blog-listing__post-tag:hover{color:#005bb5}.blog-listing__post-author{align-items:center;display:flex;margin-top:10px}.blog-listing__post-author-image{border-radius:50%;height:40px;margin-right:10px;width:40px}.blog-listing__post-author-name{color:#333;font-size:1rem;text-decoration:none}.blog-listing__post-timestamp{color:#999;display:block;font-size:.85rem;margin-top:.8rem}.blog-listing__post-summary p{color:#000;font-size:1rem;line-height:1.5}.blog-listing__header,.blog-listing__post-button-wrapper{padding:0 1rem 1rem}.blog-listing-card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.blog-listing__post-button{border:none;font-size:1.2rem;padding:10px 20px}.blog-listing__post-button,.blog-listing__post-button:hover{background:transparent;color:#ee2b2b;font-weight:700;text-decoration:none}.blog-listing__post-button:hover{border:none;border-radius:3rem}@media (max-width:768px){.blog-listing{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.blog-listing{grid-template-columns:repeat(1,1fr)}}