.filter{display:flex;justify-content:space-between;justify-content:center;gap:30px;width:fit-content}.filter button{padding:10px 20px;background:var(--secondColor);cursor:pointer;border-radius:20px;border:none;font-size:24px;font-weight:600;transition:filter .3s ease,background-color .3s ease,color .3s ease}.filter button.active{background-color:var(--mainColor);color:var(--secondTextColor);cursor:default}.filter button:hover:not(.active){filter:brightness(.8)}