.filter{box-shadow:0 3px 10px #334d5526;border-radius:150px;display:flex;background-color:var(--white);width:fit-content}.filter--disabled{pointer-events:none;opacity:50%;filter:grayscale(1)}.filter--full-width{width:100%}.filter--cyan{background-color:#2d2c3a}.filter-button{border-radius:150px;font-size:16px;letter-spacing:.16px;color:#447684;cursor:pointer;text-align:center;flex-grow:1;transition:background-color .25s ease-out}@media screen and (max-width:900px){.filter-button{font-weight:500;font-size:14px;letter-spacing:.14px;line-height:13px}}.filter-button svg{width:12px;height:12px}.filter-button--with-icon{display:flex;align-items:center;gap:5px;justify-content:center}.filter-button--cyan{background-color:transparent;color:var(--white)}.filter-button--small{padding:11.5px 26px}@media screen and (max-width:900px){.filter-button--small{padding:9px 24.5px;height:40px}}.filter-button--large{padding-inline:20px;height:60px;font-size:18px;min-width:184px}.filter-button--extra-small{height:35px;font-size:14px;padding-inline:22.5px}.filter-button--selected{color:var(--white)}.filter-button--selected.filter-button--pink{background-color:var(--primary-4)}.filter-button--selected.filter-button--blue{background-color:var(--primary-1)}.filter-button--selected.filter-button--cyan{background-color:var(--primary-2);color:#2d2c3a}.filter-button:hover:not(.filter-button--selected).filter-button--blue{background-color:#f3f7fa}.filter-button span{font-family:Ploni!important}