.filter-tabs{background-color:#ffffff0a;border-radius:5.8rem;width:fit-content;padding:.4rem;display:inline-flex}.filter-tabs__btn{appearance:none;cursor:pointer;color:#fff;white-space:nowrap;background:0 0;border:none;border-radius:4.8rem;width:6.4rem;height:3.2rem;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;transition:all .3s}.filter-tabs__btn:hover{color:#ffffffe0}.filter-tabs__btn.active{position:relative;overflow:hidden}.filter-tabs__btn.active.active:before{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#fff3 100%);position:absolute;inset:0}.filter-tabs__btn.active.active{border:1px solid #ffffff1a}.filter-tabs__btn.active:focus-visible{outline-offset:2px;outline:2px solid #111214}@media (max-width:768px){.filter-tabs{flex-wrap:wrap;gap:.5rem}.filter-tabs button{padding:.4rem .8rem;font-size:1.2rem}}@media (max-width:576px){.filter-tabs{flex-direction:column;gap:.2rem}.filter-tabs button{padding:.2rem .4rem;font-size:1rem}}