.blog-preview-card{position:relative;background:#1a1a1a;border-radius:1rem;overflow:hidden;transition:all .3s ease;border:1px solid #374151;transform:translateY(0)}.blog-preview-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 3s ease infinite;z-index:-1;border-radius:1rem 1rem 0 0;mask:linear-gradient(180deg,#fff 0,#fff 40%,hsla(0,0%,100%,.8) 45%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0) 55%);-webkit-mask:linear-gradient(180deg,#fff 0,#fff 40%,hsla(0,0%,100%,.8) 45%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0) 55%)}.blog-preview-card:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#1a1a1a;z-index:-1;border-radius:.9rem .9rem 0 0}.blog-preview-card:hover{box-shadow:0 10px 30px rgba(102,126,234,.4)}.blog-preview-card img{transition:transform .3s ease}.blog-preview-card:hover img{transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.blog-preview-scroll{justify-content:center}.blog-preview-scroll-responsive{width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;justify-content:flex-start}.blog-preview-scroll-responsive:not(.can-scroll){cursor:default}.blog-preview-scroll-responsive:not(.can-scroll)>*{pointer-events:auto}