CSS-совет

contrast-color() позволяет браузеру самому подобрать цвет текста для кнопки.

.button {
  --bg: hsl(55 88% 52%);
  background: var(--bg);
  color: contrast-color(var(--bg));
}

Функция возвращает чёрный или белый цвет – в зависимости от того, какой из них даёт больший контраст с фоном.

➡️ @FrontendPortal