.blog-listing{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);width:100%}.blog-listing__post-image{height:350px;object-fit:cover;width:100%}.blog-listing__post{background:#fff;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{background:linear-gradient(145deg,#f27330,#ed215a);-webkit-background-clip:text;color:transparent;font-size:1.4rem;font-weight:600;-webkit-text-fill-color:transparent;margin:10px 0}.blog-listing__post-title-link:hover{color:#ed1d6f}.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:#666;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{background:linear-gradient(145deg,#f27330,#ed215a);font-family:Poppins,serif;font-size:1.25rem;padding:10px 20px}.blog-listing__post-button,.blog-listing__post-button:hover{border:none;border-radius:1rem;color:#fff;font-weight:600;text-decoration:none}.blog-listing__post-button:active{color:#fff!important}@media (max-width:1024px){.blog-listing{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.blog-listing{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.blog-listing{grid-template-columns:repeat(1,1fr)}}