/* ============================== */
/* Buttons — Neon remap & effects */
/* ============================== */

/* Подстраховка недостающих переменных */
:root {
  --m7C: #f6f8ff;      /* "white" для темной темы */
  --m2C: #0b0c10;      /* "ink" на ярких кнопках */
  --btn-grad: linear-gradient(100deg, var(--neon-1), var(--neon-2) 30%, var(--neon-3) 60%, var(--neon-4) 90%);
  --btn-glow: 0 0 18px rgba(0,255,230,.6), 0 0 34px rgba(138,92,255,.45);
}

/* Базовая кнопка — стекло + мягкий глянец */
.btn {
  display: inline-block;
  width: 100%;
  border-radius: 100px;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  text-align: center;
  padding: 16px 0;
  transition: transform .35s cubic-bezier(.2,.9,.3,1), box-shadow .25s ease, filter .25s ease, background .25s ease, border-color .25s ease;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color: var(--textMain);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 24px rgba(0,0,0,.35);
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
}
.btn:hover { transform: translateY(-2px) scale(1.03); }
.btn::after { content: none; } /* как у тебя */

/* Primary fill — яркий неоновый градиент */
.btn__fill {
  padding: 16px 0 !important;
  background: var(--btn-grad);
  border: none;
  color: var(--m2C) !important; /* контрастный текст на неоне */
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
  box-shadow: 0 0 16px rgba(0,240,255,.35), 0 10px 26px rgba(0,0,0,.45);
}
.btn__fill:hover {
  filter: brightness(1.08) saturate(1.05);
  box-shadow: var(--btn-glow);
}

/* Dark fill — стеклянная тёмная с неон-границей */
.btn__fill_dark {
  background-color: var(--innerBg);
  color: var(--textMain) !important;
  font-size: 16px !important;
  /* border: 1px solid rgba(0,240,255,.55); */
  box-shadow: inset 0 0 0 1px rgba(124,92,255,.25), 0 8px 20px rgba(0,0,0,.45);
}
.btn__fill_dark:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  box-shadow: var(--btn-glow);
}

/* Border (outline) — яркая кайма + мягкий неон внутри */
.btn__border {
  padding: 12px 0 !important;
  border: 2px solid var(--accent-2);
  color: var(--textMain) !important;
  background: rgba(255,255,255,.02);
  box-shadow: inset 0 0 16px rgba(0,240,255,.15);
}
.btn__border:hover {
  background: linear-gradient(135deg, rgba(0,240,255,.18), rgba(124,92,255,.18));
  box-shadow: var(--btn-glow);
}

/* White — «бумага» для темной темы */
.btn__white {
  background-color: var(--m7C);
  color: var(--m2C);
  border: 1px solid rgba(255,255,255,.2);
  text-shadow: none;
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
}
.btn__white:hover {
  filter: brightness(1.04);
  box-shadow: 0 0 18px rgba(255,255,255,.25);
}

/* Light — теплый варианта с янтарём (неон-5) */
.btn__light {
  background: linear-gradient(180deg, rgba(255,216,74,.22), rgba(255,216,74,.12));
  color: #1b1306 !important;
  border: 1px solid rgba(255,216,74,.65);
  box-shadow: 0 8px 22px rgba(255,216,74,.2);
}
@media (max-width: 768px) {
  .btn__light { color: #1b1306 !important; } /* твой приоритет сохранен */
}
.btn__light:hover {
  filter: brightness(1.06) saturate(1.06);
  box-shadow: 0 0 18px rgba(255,216,74,.55);
}

/* Gray — стеклянно-серый под тёмную тему */
.btn__gray {
  background: linear-gradient(180deg, rgba(243,244,245,.2), rgba(243,244,245,.1));
  border: 1px solid rgba(243,244,245,.35);
  color: var(--textMain);
}
.btn__gray:hover {
  filter: brightness(1.05);
  box-shadow: 0 0 14px rgba(243,244,245,.35);
}

/* Text — линк-кнопка с неон-подчеркиванием */
.btn_text {
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  color: var(--purple) !important;
  width: max-content !important;
  padding: 0; border: none;
}
.btn_text > span {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(1px);
  margin-left: 8px;
}
.btn_text:hover {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(155,139,255,.6);
}
.btn_text:hover::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -4px; height: 2px;
  background: linear-gradient(90deg, var(--neon-1), var(--neon-2), var(--neon-4));
  border-radius: 2px;
  box-shadow: 0 0 14px rgba(0,240,255,.8), 0 0 24px rgba(255,69,212,.45);
}

/* Фокус — четкий, доступный */
.btn:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 3px rgba(0,240,255,.75), 0 0 24px rgba(138,92,255,.45);
}

/* Предпочтение сниженному движению */
@media (prefers-reduced-motion: reduce) {
  .btn { transition: none !important; }
  .btn:hover { transform: none !important; }
}