.blog-posts-filters{display:flex;flex-direction:column;gap:20px;margin-bottom:var(--spacing-vertical-middle);.dropdowns-wrapper{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}@media (min-width:768px){flex-direction:row;align-items:flex-start;gap:30px}}.blog-posts-category-filter,.blog-posts-sort-filter{flex-shrink:0}.blog-category-dropdown,.blog-sort-dropdown{appearance:none;background-color:#00000005;border:1px solid var(--color-dim);border-radius:12px;padding:12px 16px;font-family:var(--primary-font-family);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:500;color:var(--color-dark);cursor:pointer;transition:all 0.3s ease;min-width:200px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:44px;&:hover{border-color:var(--color-grey)}&:focus{outline:none;border-color:var(--color-grey)}}.blog-posts-buttons{display:flex;flex-direction:row;column-gap:14px;row-gap:10px;flex-wrap:wrap;flex:1;min-height:40px;transition:opacity .3s ease;position:relative}.blog-posts-title{margin-bottom:var(--spacing-horizontal-small);font-weight:600;padding:var(--spacing-horizontal-small) 0}.blog-posts-items{display:flex;flex-direction:column;gap:var(--spacing-vertical-small);width:100%;max-width:100%;transition:opacity .3s ease;margin-bottom:var(--spacing-vertical)}.newsletter-footer{padding-top:var(--spacing-vertical-middle)}.blog-posts-items.loading{opacity:.5;pointer-events:none}