/* Основной стиль кнопки */
.btn-composition {
  background-color: transparent;          /* Прозрачный фон */
  color: #2D4A3E;                         /* Цвет текста как заголовки */
  border: 1px solid rgba(45, 74, 62, 0.3); /* Лёгкая зелёная обводка (30% прозрачности) */
  padding: 8px 16px;                      /* Отступы */
  border-radius: 4px;                     /* Скругление углов */
  font-family: 'YourFont', sans-serif;    /* Шрифт как на сайте */
  cursor: pointer;
  transition: all 0.3s ease;              /* Плавные анимации */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
  position: relative;                     /* Для позиционирования на фото */
  z-index: 10;                            /* Чтобы кнопка была поверх изображения */
}

/* Стиль при наведении */
.btn-composition:hover {
  background-color: #b8954a;              /* Золотой (как у "Пройти тест" при hover) */
  color: #FFFFFF !important;              /* Белый текст */
  border-color: transparent;              /* Убираем обводку */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Усиленная тень */
}