.filter-item button{align-items:center;background-color:var(--surface);border:3px solid var(--onSurface);border-radius:4px;color:var(--onSurface);display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.125rem;font-weight:500;gap:10px;line-height:120%;padding:10px;transition:all .3s ease}.filter-item.active button{background-color:var(--onSurface);color:var(--surface)}@media screen and (min-width:64rem){.filter-item:hover button{background-color:var(--onSurface);color:var(--surface)}}.filter-list{display:flex;flex-wrap:wrap;gap:16px}.filter-list .filter-item .process-shape{height:18px;width:auto}.filter-list .filter-item .process-shape svg{height:100%;width:auto}