.blog-filters .filters{display:flex;justify-content:space-between;margin-bottom:40px}.blog-filters .filters .select-container label{display:none;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.blog-filters .filters .select-container:after{margin-top:-4px}.blog-filters .filters .select-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-size:16px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.blog-filters .filters .select-container .desktop-select{display:none}.blog-filters .filters .select-container .desktop-select span{cursor:pointer;display:block;font-size:16px;padding:10px}.blog-filters .filters .select-container .desktop-select ul{background-color:#fff;border:1px solid rgba(0,0,0,.5);border-radius:6px;display:none;list-style-type:none;margin:0;padding:4px 15px;position:absolute;z-index:1}.blog-filters .filters .select-container .desktop-select ul li{border-bottom:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.5);cursor:pointer;font-size:14px;padding:13px 0 10px;transition:.2s}.blog-filters .filters .select-container .desktop-select ul li:hover{color:rgba(0,0,0,.8)}.blog-filters .filters .select-container .desktop-select ul li:last-of-type{border-bottom:none}.blog-filters .filters .select-container .desktop-select .hover-area:hover ul{display:block}@media (min-width:768px){.blog-filters .filters{justify-content:flex-end;margin-right:30px}.blog-filters .filters .select-container{align-items:center;display:flex}.blog-filters .filters .select-container label{display:block}.blog-filters .filters .select-container select{display:none}.blog-filters .filters .select-container .desktop-select{display:block}}
