.filter-btn{background-color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;padding:var(--pm-075);font-size:var(--font-normal);color:var(--color-primary);font-weight:600;cursor:pointer;border:1px solid var(--color-primary);transition:all .2s linear}.filter-btn:hover{color:#fff;background-color:var(--color-primary)}.filter-btn svg{width:24px;height:auto}.filter-btn:hover .count{color:var(--color-primary);background-color:#fff;transition:all .3s linear}.filter-btn .count{color:#fff;background-color:var(--color-primary);height:25px;padding-inline:6px;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:360px){.filter-btn .text{display:none}}@media only screen and (min-width:480px){.filter-btn{padding:var(--pm-075) var(--pm-150);gap:10px}.filter-btn .text{display:block}}.filter-container{border:1px solid #e9eaf0;display:grid;height:-moz-max-content;height:max-content}.filter-container__title{font-size:var(--font-md);font-weight:600;color:var(--color-text-400);padding:var(--pm-125);display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-container__title.brd{border-bottom:1px solid #e9eaf0}.filter-container__title img{transition:all .3s ease}.filter-container__title.brd img{transform:rotateX(180deg)}.filter-container__child{overflow:hidden;transition:all .3s linear}.filter-container__child--inner{padding:var(--pm-100) var(--pm-125)}.in-filter{position:relative}.in-filter input{padding-left:54px;width:100%}.in-filter img{position:absolute;left:var(--pm-150);top:50%;transform:translateY(-50%)}.course-page__courses{display:flex;flex-direction:column;gap:15px}