section.categories{background:#F2F9FC;padding:16px}section.categories .filter_header{background:#FFF;display:flex;width:345px;height:57px;padding:16px 40px;border-radius:2px;border:2px;gap:8px;border:2px solid #D9D9D9}section.categories .filter_header p{font-family:work-sans,sans-serif;font-weight:700;font-size:18px;color:#000;line-height:1.3;line-height:25px;letter-spacing:.1em;text-align:left}section.categories .filter_header svg{width:25px;height:25px;margin-right:15px}section.categories .filter{background:#FFF;border:2px solid #D9D9D9;width:345px;padding:16px}section.categories .filter .filter_buttons .sort_by_oldest{width:201px;height:57px;padding:16px 24px;border-radius:8px;border:2px;gap:8px;border:2px solid #1DACE5;background:#1DACE5;font-family:work-sans,sans-serif;font-weight:700;font-size:18px;color:#fff;line-height:1.3;line-height:25px;text-align:center;margin-bottom:15px}section.categories .filter .filter_buttons .reset{width:102px;height:57px;padding:16px 24px;border-radius:8px;border:2px;gap:8px;border:2px solid #D9392B;background:#D9392B;font-family:work-sans,sans-serif;font-weight:700;font-size:18px;color:#fff;line-height:1.3;line-height:25px;text-align:center;margin-bottom:15px}section.categories .filter .filter_buttons .sort_by_newest{width:205px;height:57px;padding:16px 24px;border-radius:8px;border:2px;gap:8px;border:2px solid #818181;font-family:work-sans,sans-serif;font-weight:700;font-size:18px;color:#818181;line-height:1.3;line-height:25px;text-align:center;margin-bottom:15px}section.categories .filter .sort p{margin:25px 0;color:#818181}section.categories .category{height:30px;padding:5px 16px;border-radius:100px;background:#F0F0F0;margin-bottom:20px;text-align:center;text-decoration:none;color:#818181}section.categories .category:hover{background:#028BC2;color:#fff}@media only screen and (min-width: 500px){section.categories{padding:32px}section.categories .filter_header{display:flex;width:520px}section.categories .filter{width:520px}section.categories .filter .filter_buttons .sort_by_oldest{width:305px}section.categories .filter .filter_buttons .reset{width:170px}section.categories .filter .filter_buttons .sort_by_newest{width:300px}}@media only screen and (min-width: 768px){section.categories{padding:42px 82px}section.categories .filter_header{display:flex;width:620px}section.categories .filter{width:620px}section.categories .filter .filter_buttons .sort_by_oldest{width:320px}section.categories .filter .filter_buttons .reset{width:250px}section.categories .filter .filter_buttons .sort_by_newest{width:320px}}@media only screen and (min-width: 992px){section.categories{padding:42px 82px}section.categories .filter_header{display:flex;width:100%}section.categories .filter{display:flex;width:100%}section.categories .filter .sort{width:60%}section.categories .filter .sort p{margin:0 0 25px}section.categories .filter .filter_buttons{width:40%}section.categories .filter .filter_buttons .sort_by_oldest{width:173px;padding:16px 8px}section.categories .filter .filter_buttons .reset{width:102px}section.categories .filter .filter_buttons .sort_by_newest{width:173px;padding:16px 8px}}@media only screen and (min-width: 1200px){section.categories .filter_header{display:flex;width:100%}section.categories .filter{display:flex;width:100%}section.categories .filter .filter_buttons{width:40%}section.categories .filter .filter_buttons .sort_by_oldest{width:203px}section.categories .filter .filter_buttons .reset{width:201px}section.categories .filter .filter_buttons .sort_by_newest{width:203px}}@media only screen and (min-width: 1536px){section.categories{padding:82px}section.categories .filter_header{display:flex;width:100%}section.categories .filter{display:flex;width:100%}section.categories .filter .filter_buttons{width:40%}section.categories .filter .filter_buttons .sort_by_oldest{width:303px}section.categories .filter .filter_buttons .reset{width:301px}section.categories .filter .filter_buttons .sort_by_newest{width:303px}}
