Цвет кнопки Matsnackbar не меняется ⇐ CSS

[Anonymous]

Я использую Material Snack Bar для отображения ошибок сообщений, и у меня возникли проблемы с настройкой цвета кнопки «закрыть» при наведении/активности. По сути, это машинописный код, в котором я использую собственный класс:

Код: Выделить всё

error: (e) => this.snackBar.open(e, 'Close', {
panelClass: ['custom-snack-bar']
})

А это соответствующий класс CSS:

Код: Выделить всё

.custom-snack-bar {
background-color: white;
color: gray;
}

.custom-snack-bar button {
background-color: red;
color: white !important;
}

(Мне пришлось добавить !important, иначе это не сработало бы). Моя проблема в том, что теперь при наведении курсора мыши или нажатии кнопки «Закрыть» она становится того же цвета, что и текст внутри (в данном случае белый), и я не знаю, как от нее избавиться. Я пробовал использовать псевдоклассы :hover и :active и генерировать классы mat-simple-snackbar-action, но ничего не помогает.
Обычно это снэк-бар
И это при наведении или нажатии кнопки «закрыть».
Любая помощь приветствуется

Подробнее здесь: https://stackoverflow.com/questions/786 ... t-changing