Удалить фон из кнопки (React, JS, SCSS)

почему-то я не могу удалить цвет фона моей кнопки

Слева — с фоном, справа — ссылка без фона, но это почти тот же дизайн CSS.

введите сюда описание изображения

button.navButton {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 15px;
  transition: background-color 0.3s ease;
  Border: 0;
}

Также у меня есть этот наведение, и это работает.

button.navButton:hover {
  background-color: $background-color-hover;
}

ChatGPT не может помочь xD

🤔 А знаете ли вы, что...
С React можно использовать JSX (JavaScript XML) для описания компонентов.