.hover-shadow {
  transition: box-shadow 0.3s ease; /* Плавное изменение тени */
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тень при наведении */
}

.color-change-button {
  background-color: #000000; /* Исходный цвет фона */
  color: #ffffff; /* Исходный цвет текста */
  cursor: pointer; /* Курсор в виде руки */
  transition: background-color 0.3s ease, color 0.3s ease; /* Плавное изменение цвета */
}

.color-change-button:hover {
  background-color: #f8db4a; /* Цвет фона при наведении */
  color: #000000; /* Цвет текста при наведении */
}