.blog-page .cat-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}.blog-page .cat-filter .cat-btn{background:rgba(0,0,0,0);border:2px solid #f8c148;color:#f8c148;padding:6px 18px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s,color .2s}.blog-page .cat-filter .cat-btn:hover,.blog-page .cat-filter .cat-btn.active{background:#f8c148;color:#000}.blog-page .post.hidden{display:none !important}.blog-page .post{text-decoration:none;color:#fff}.blog-page .post .imm{width:150px;height:150px;min-width:150px;flex-shrink:0;background-size:cover;background-repeat:no-repeat;border-radius:100%}.blog-page .post .desc{min-width:0;flex:1}.blog-page .post .desc .preview{max-height:100px;overflow:hidden;mask-image:linear-gradient(to bottom, #000 50%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 50%, transparent 100%)}@media(max-width: 500px){.blog-page .post{flex-direction:column;align-items:center}.blog-page .post .desc{width:100%;text-align:center}}