.FilterByCategories{display:flex;gap:10px;padding:10px 0;margin-bottom:28px}.FilterByCategories__button{padding:8px 16px;border:1px solid #e0e0e0;border-radius:28px;background-color:#ececec;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.FilterByCategories__button:hover{background-color:#f5f5f5}.FilterByCategories__button--active{background:linear-gradient(90deg,#0028c3,#00adc0);color:#fff;border:none}.VacancyCard{width:608px;height:280px;border-radius:32px;border:1px solid #ececec;background:#f5f5f5;cursor:pointer;padding:25px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:1400px){.VacancyCard{width:100%}}.VacancyCard__category{border:1px solid #ececec;border-radius:27px;padding:8px 28px;width:117px;height:37px;background:#fff;font-size:14px;font-weight:700}.VacancyCard__category:hover{background:linear-gradient(90deg,#0028c3,#00adc0);color:#fff;border:none}.VacancyCard__content{height:65%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:350px){.VacancyCard__content{height:75%}}.VacancyCard__content h5,.VacancyCard__content p{color:#0f0f0f}.VacancyCard__content h5{font-weight:700;font-size:20px}@media screen and (max-width:992px){.VacancyCard__content h5{font-size:16px}}.VacancyCard__content p{font-size:14px}@media screen and (max-width:992px){.VacancyCard__content p{font-size:10px}}.Vacancies{display:flex;width:100%;height:-moz-fit-content;height:fit-content;flex-wrap:wrap;gap:24px;margin-bottom:50px}@media screen and (max-width:1400px){.Vacancies{justify-content:center}}