.blog-card {   transition:transform 0.3s ease, box-shadow 0.3s ease; } .blog-card:hover {   transform:translateY(-5px);   box-shadow:0 8px 16px rgba(0, 0, 0, 0.1); } .blog-media {   position:relative;   overflow:hidden;   border-radius:8px 8px 0 0; } .blog-media img {   transition:transform 0.3s ease; } .blog-card:hover .blog-media img {   transform:scale(1.05); } .blog-badge {   position:absolute;   top:10px;   left:10px;   background:rgba(242, 140, 91, 0.9);   color:white;   padding:5px 15px;   border-radius:20px;   font-size:12px;   font-weight:600; }