.filter-buttons{align-items:center;border:10px solid transparent;display:flex;justify-content:center;margin-bottom:15px}.filter-button{background-color:var(--white);border-radius:10px;color:var(--primary);font-size:12px;font-weight:799;margin:.5rem;padding:.5rem 1rem;text-transform:uppercase;transition:background-color .3s ease-in-out,color .15s ease-in-out}.filter-button:hover{background-color:#6900ce;color:#fff;filter:brightness(110%);text-decoration:none}.filter-button.active{background-color:var(--primary);color:var(--white)}.sr-blog-listing-02 .latest-posts{row-gap:30px}.sr-blog-listing-02 .article-panel{animation-timing-function:ease-in-out;border:1px solid;height:100%;position:relative;transition:all .3s ease-in-out}.sr-blog-listing-02 .article-panel:hover{box-shadow:15px 25px 60px 0 rgba(0,0,0,.13)}.sr-blog-listing-02 .article-meta{padding:.75rem 2rem}.sr-blog-listing-02 .article-panel .article-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:1.25rem 2rem}.sr-blog-listing-02 .article-panel .heading{display:block}.sr-blog-listing-02 .article-meta span.bull{padding:0 .25rem}.sr-blog-listing-02 .article-panel a,.sr-blog-listing-02 .article-panel a:hover{color:inherit}.sr-blog-listing-02 .article-panel a{display:flex;flex-direction:column;height:100%}.sr-blog-listing-02 .article-panel .article-img{aspect-ratio:16/9;overflow:hidden}.sr-blog-listing-02 .article-panel .article-img img{height:100%;object-fit:cover;width:100%}