Делал ли цвет кнопки ярче при наведении

Для изменения цвета кнопки при наведении используй CSS-псевдокласс :hover. Вот пример:

.button {
  background-color: #3498db;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: #2980b9; /* более яркий/темный оттенок */
}

Ключевые моменты:

1. Используй :hover для стилей при наведении
2. Добавляй transition для плавного изменения
3. Для "яркости" можно использовать:
   • Увеличение насыщенности (hsl() с большим значением S)
   • Осветление цвета (lighten() в препроцессорах)
   • Переход к более насыщенному оттенку палитры

Пример с HSL для контроля яркости:

.button {
  background-color: hsl(200, 80%, 50%);
}
.button:hover {
  background-color: hsl(200, 100%, 50%); /* более насыщенный */
}