.blog-container *{pointer-events:auto}.blog-post-cover{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);height:400px;margin-bottom:2rem;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}@media (max-width:768px){.blog-post-cover{height:250px}}.blog-post-header{margin-top:2rem}.create-article-btn{box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;font-weight:500;position:relative;transition:all .3s ease;z-index:100}.create-article-btn:hover{box-shadow:0 6px 10px rgba(0,0,0,.15)}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.filter-btn{background-color:transparent;border:1px solid var(--border-color);border-radius:30px;color:var(--text-color);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;margin:.25rem;padding:.6rem 1.2rem;position:relative;transition:all .3s ease;z-index:50}.filter-btn:hover{background-color:var(--background-alt-color);transform:translateY(-2px)}.filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.blog-grid{position:relative;z-index:10}