.lyric-page {
  font-family: Arial, sans-serif;
  padding: 20px;
  background: #f2f2f2;
}

.lyric-page #alphabet {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center; /* <-- центрирование по горизонтали */
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; /* <-- выравнивание блока по центру страницы */
}

.lyric-page .letter {
  display: inline-block;
  padding: 5px 12px;
  background: #413831;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: center;
}

.lyric-page .letter:hover {
  background: #716457;
}

.lyric-page .song {
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 5px #ccc;
}

/* Общий стиль кнопок (исключает кнопку поиска) */
.lyric-page button:not(#search-button) {
  color: #fff;
  border: none;
  padding: 8px 0;
  margin: 5px 5px 0 0;
  border-radius: 0px;
  cursor: pointer;
  font-size: 14px;
  min-width: 100px; /* задаёт одинаковую ширину */
  height: 36px;      /* задаёт одинаковую высоту */
  text-align: center;
  display: inline-block;
}

/* Плей */
.lyric-page button.play {
  background-color: #28a745;
}
.lyric-page button.play:hover {
  background-color: #218838;
}

/* Стоп */
.lyric-page button.stop {
  background-color: #dc3545;
}
.lyric-page button.stop:hover {
  background-color: #c82333;
}

/* Печать и Скачать */
.lyric-page button.print,
.lyric-page button.download {
  background-color: #413831;
}
.lyric-page button.print:hover,
.lyric-page button.download:hover {
  background-color: #716457;
}

/* Поиск */
.lyric-page .search-container {
  text-align: center;
  margin-bottom: 20px;
}

.lyric-page #search-input {
  padding: 6px 10px;
  font-size: 14px;
  width: 50%;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: none;
}

/* Кнопка поиска — индивидуальный стиль */
.lyric-page #search-button {
  padding: 0px 20px;
  font-size: 16px;
  height: 30px;
  background-color: #413831;
  color: #fff;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background-color 0.3s;
}

.lyric-page #search-button:hover {
  background-color: #716457;
}

/* Текст на главной */
.lyric-page .welcome {
  text-align: center;
  margin-bottom: 30px;
}