/* Кнопка Lyxarra. Один файл на все страницы.
   Значения сняты с живой кнопки образца 23.09.2026:
   кегль 17px, высота 36, отступы 6px 17px, градиент белый→#888888,
   рамка 1px #000, скругление 3px, тень inset сверху.
   Меняется здесь — меняется везде. */
.btn, .hero-cta, a.btn, button.btn{
  display:inline-block;
  font-family:'JetBrains Mono','IBM Plex Mono','Courier New',monospace;
  font-size:12.5px;
  font-weight:400;
  letter-spacing:.68px;
  text-transform:uppercase;
  text-decoration:none;
  padding:6px 17px;
  /* ширина задаётся страницей: на лендинге 164px как у
     образца, в кабинете кнопки бывают узкие по делу */
  text-align:center;
  background:linear-gradient(180deg, #ffffff 0%, #888888 100%);
  border:1px solid #000000;
  border-radius:3px;
  color:#000000;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),
             0 1px 0 rgba(255,255,255,.4);
  transition:background .12s ease;
}
.btn:hover, a.btn:hover, button.btn:hover{
  background:linear-gradient(180deg, #ffffff 0%, #9a9a9a 100%);
}
.btn:active, a.btn:active, button.btn:active{
  background:linear-gradient(180deg, #e8e8e8 0%, #7c7c7c 100%);
}
/* Тёмная кнопка — там, где фон светлый и нужна одна главная на экран. */
.btn--dark{
  background:linear-gradient(180deg,#4d4d4d 0%,#2c2c2c 44%,#0a0a0a 100%);
  border:1px solid #202020;
  color:#fff;
}
.btn--dark:hover{
  background:linear-gradient(180deg,#5a5a5a 0%,#363636 44%,#121212 100%);
}