.blog-cards-container{flex-wrap:wrap;justify-content:space-around;gap:20px;width:80%;margin:0 auto;padding:2em 0;display:flex}.blog-card{cursor:pointer;border-radius:8px;width:300px;transition:transform .3s;overflow:hidden;box-shadow:0 0 0 1px #0000000d}.blog-card:hover{transform:scale(1.05)}.blog-card-image{width:100%;height:200px}.blog-card-content{padding:.5em}.blog-card-title{color:#333;white-space:nowrap;text-overflow:ellipsis;font-family:Cardo,serif;font-size:1.2rem;overflow:hidden}.blog-card-subtitle{color:#666;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-family:Cardo,serif;font-size:1.1rem;display:-webkit-box;overflow:hidden}@media (max-width:763px){.blog-card{margin-bottom:2em}}
.blog-comment-like-container{width:100%}.like-section{align-items:center;margin-bottom:20px;display:flex}.like-button{color:#fff;cursor:pointer;background:url(/img/bg.png) 50%/cover no-repeat;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem}.like-button:disabled{color:#df4a38;background-color:#fff;border:1px solid #df4a38}.like-count{color:#df4a38;margin-left:10px;font-size:1rem;font-weight:600}.comment-section{justify-content:space-between;align-items:self-start;width:100%;margin-top:30px;display:flex}.comment-form-container{width:50%}.comments-list-container{background-color:#fff;flex-direction:column;justify-content:center;width:45%;display:flex}.comment-section h3{color:#333;margin-bottom:.5em;font-family:Cardo,serif;font-size:1.5rem;font-weight:500}.comments-list p{color:#333}.comment-name,.comment-text{color:#df4a38;border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:10px;font-size:16px}.submit-comment{color:#fff;cursor:pointer;background:url(/img/bg.png) 50%/cover no-repeat;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.submit-comment:hover{background-color:#218838}.comment-list-name{color:#df4a38;align-items:center;font-size:1rem;font-weight:500;display:flex}.comment-list-name p{padding-left:.5em}.comment-list-text{justify-content:flex-end;width:100%;display:flex}.comment-list-text p{color:#555;width:89%;font-size:.9rem}.load-more{color:#fff;background:url(/img/bg.png) 50%/cover no-repeat;border-radius:5px;margin:.5em auto 0;padding:.5em 1em}.comment-item{margin-bottom:.5em}@media (max-width:763px){.comment-section{flex-direction:column}.comment-form-container,.comments-list-container{width:95%}.comments-list-container{margin-top:2em}}