.filter-button{background-color:var(--filter);border:2px solid var(--onFilter);border-radius:60px;color:var(--onFilter);font-size:1rem;font-weight:700;line-height:1.125rem;padding:8px 12px 6px;transition:all .3s ease}.filter-button.--active,.filter-button:hover{background-color:var(--filterHover);color:var(--onFilterHover)}.filter-button.--inactive{opacity:.5;pointer-events:none}@container labora (min-width: 0px){.filter-button{border-radius:0}.filter-button.--secondary{background-color:var(--buttonSecondary);border-color:var(--onButtonSecondary);color:var(--onButtonSecondary)}.filter-button.--secondary.--active,.filter-button.--secondary:hover{background-color:var(--buttonSecondaryHover);color:var(--onButtonSecondaryHover)}}