.filter-btn{position:absolute;text-align:center;top:150px;display:flex;flex-direction:column;height:auto;width:330px;background-color:rgb(243,236,236);border-radius:20px;box-shadow:4px 4px 4px 2px rgb(96,94,94)}.base-btn{margin-top:40px}.th-btn{background-color:white;margin:0 10px;padding:10px 20px;border:1px solid rgb(220,220,220);color:black;outline:none;font-size:1rem;cursor:pointer;border-radius:10px}.btn-active{background-color:rgb(47,143,221);color:white}.th-list,.type-list{margin:auto 30px}h3{text-align:left;margin-left:10px;margin-top:20px;cursor:pointer}.th-list ul,.type-list ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 5px}ul li{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid grey;background-color:#fff;height:40px;width:75px;margin-left:10px;border-radius:8px;cursor:pointer}hr{margin-top:20px;margin-left:5px;color:rgb(200,191,191);width:230px}.th-head{border:none}.arrow{rotate:90deg}.arrow,.arrow-active{position:absolute;right:50px;color:rgb(170,163,163);cursor:pointer;transition:.3s;font-size:22px}.arrow-active{margin-left:40px;rotate:180deg}.reset{margin-bottom:30px}.reset h3{color:red;text-align:center;cursor:pointer}.close span,.close-icon{display:none}@media (max-width:768px){.filter-btn{position:absolute;top:0;text-align:center;display:flex;flex-direction:column;height:100vh;border-radius:0;width:100%;background-color:rgb(243,236,236);box-shadow:4px 4px 4px 2px rgb(96,94,94);z-index:1000}.base-btn{margin-top:30px}.th-list{margin:20px 0 0 30px}.type-list{margin:10px 0 0 30px}.close-icon{display:block;font-size:1.5rem;width:100px}.close{display:flex;margin-top:20px;margin-left:20px}.close span{display:block;font-size:1.5rem;margin-top:23px}.reset{margin-top:20px;margin-bottom:30px}}.button{--bg-color:#111;--main-color:#fefefe;width:40px;height:40px;border-radius:100%;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:25px;display:flex;justify-content:center;align-items:center;transition:all .2s;cursor:pointer}.button:active{box-shadow:0 0 var(--main-color);transform:translate(3px,3px)}.icon{width:24px;height:24px;fill:var(--main-color)}