.blog-card{display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease}.blog-card:hover{transform:translateY(-4px)}.blog-card__image-wrapper{width:100%;aspect-ratio:427 / 240;border-radius:20px 20px 0 0;overflow:hidden}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__content{background:#f8f8f8;border:2px solid #f2f2f2;border-top:none;border-radius:0 0 20px 20px;padding:19px 22px 26px 28px;display:flex;flex-direction:column;gap:19px;flex:1}.blog-card__title-wrapper{height:56px}.blog-card__title{font-family:Lexend Deca,sans-serif;font-size:20px;font-weight:400;color:#000;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.blog-card__author-info{display:flex;align-items:center;gap:7px}.blog-card__author-img{width:28px;height:28px;border-radius:6px;object-fit:contain}.blog-card__meta{display:flex;align-items:center;gap:4px}.blog-card__author{font-family:Lexend Deca,sans-serif;font-size:14px;font-weight:300;line-height:100%;letter-spacing:0%;text-align:center;color:#404040}.blog-card__date{font-family:Lexend Deca,sans-serif;font-size:14px;font-weight:400;color:#858585}.blog-card__read-time{display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:39px}.blog-card__read-time span{font-family:Lexend Deca,sans-serif;font-size:12px;font-weight:400;color:#494f73}[data-theme=dark] .blog-card__content{background:#1e1e2e;border-color:#2a2a3a}[data-theme=dark] .blog-card__title{color:#fff}[data-theme=dark] .blog-card__author,[data-theme=dark] .blog-card__date{color:#a0a0a0}@media(max-width:768px){.blog-card{background:#f8f8f8;border:1.5px solid #fff;border-radius:20px}.blog-card__image-wrapper{aspect-ratio:360 / 236;border-radius:20px 20px 0 0}.blog-card__content{padding:22px 24px 24px;gap:24px;background:transparent;border:none}.blog-card__title-wrapper{min-height:auto}.blog-card__title{font-size:24px;font-weight:500;color:#4e156b;line-height:1.25}.blog-card__footer{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}.blog-card__author,.blog-card__date{font-size:14px}.blog-card__read-time span{font-size:12px}}.blog-card__share-wrapper{position:relative;margin-left:auto}.blog-card__share-btn{width:35px;height:36px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#4e156b}.blog-card__share-btn:hover{background:#494f73;border-color:#494f73;color:#fc0}.blog-card__share-menu{position:absolute;top:45px;right:0;display:flex;gap:8px;background:transparent;padding:0;z-index:100;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blog-card__share-menu button{width:36px;height:36px;border-radius:50%;border:1px solid #CDD6FF;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.blog-card__share-menu button:hover{transform:translateY(-2px)}.blog-card__share-menu button svg{width:18px;height:18px}.blog-card__share-btn--facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.blog-card__share-btn--twitter:hover{background:#000;border-color:#000;color:#fff}.blog-card__share-btn--linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.blog-card__share-btn--whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.blog-card__share-btn--email:hover{background:#7b2d9e;border-color:#7b2d9e;color:#fff}.blog-card__share-btn--copy:hover{background:#4e156b;border-color:#4e156b;color:#fff}[data-theme=dark] .blog-card__share-btn{background:#2a2a3a;border-color:#3a3a4a;color:#a0a0a0}[data-theme=dark] .blog-card__share-btn:hover{background:#494f73;border-color:#494f73;color:#fc0}@media(max-width:768px){.blog-card__share-wrapper{align-self:flex-end}}