Template:Filter/styles.css

.mw-ui-button {
    border-radius: 4px;
    margin: 2px;
    color: var(--color-base) !important;
    background-color: var(--background-color-2) !important;
    border: 1px solid var(--border-color-subtle) !important; 
}

.mw-ui-button:hover {
	background-color: var(--background-color-3) !important;
}

.mw-ui-button-group > *:first-child,
.mw-ui-button-group > *:last-child {
    border-radius: 4px;
}

.mw-ui-button:not(.mw-ui-icon-element) {
    min-width: 30px;
}

.mw-ui-button-group > *:not(:first-child) {
    border-left: 1px solid var(--border-color-subtle) !important;
}

.mw-ui-button-group .filter-button-selected,
.filter-button-selected:hover {
    background: var(--color-progressive) !important;
    color: var(--background-color-base) !important;
}

.mw-ui-button:not(.mw-ui-icon-element) {
    padding: 5px 10px;
}