/* Нажатие кнопки: вдавливание до 96 % — решение владельца 05.09.2026. Только :active, никаких hover-эффектов.
   Один эффект на все страницы: витрина, кабинет, админка, шахматка. До этого каждая страница
   давила по-своему (0.92 / 0.95 / 0.97 / никак), а часть кнопок не отзывалась вовсе.
   Свойство `scale`, а не `transform`: у кнопок со своим сдвигом (стрелки галереи с
   translateY(-50%)) transform уже занят, и вдавливание его бы стёрло. */
@media (prefers-reduced-motion: no-preference) {
  button, [role="button"], input[type="submit"], input[type="button"], summary, a.btn, .btn, .btn-press {
    transition: scale .12s ease;
  }

  /* Кнопка со своим переходом от Tailwind: короткая запись выше проигрывает классу по весу,
     поэтому `scale` дописывается В СПИСОК того, что у неё уже плавно менялось — иначе цвет
     и прозрачность перестали бы плыть, а вдавливание было бы рывком. Длительность и кривая
     остаются те, что задал класс. */
  :is(button, [role="button"], input[type="submit"], input[type="button"], summary, a.btn, .btn, .btn-press).transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter, scale;
  }
  :is(button, [role="button"], input[type="submit"], input[type="button"], summary, a.btn, .btn, .btn-press).transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, scale;
  }
  :is(button, [role="button"], input[type="submit"], input[type="button"], summary, a.btn, .btn, .btn-press).transition-opacity {
    transition-property: opacity, scale;
  }
  :is(button, [role="button"], input[type="submit"], input[type="button"], summary, a.btn, .btn, .btn-press).transition-transform {
    transition-property: transform, scale;
  }

  button:not(:disabled):active, [role="button"]:active, input[type="submit"]:not(:disabled):active,
  input[type="button"]:not(:disabled):active, summary:active, a.btn:active, .btn:active, .btn-press:active {
    scale: .96;
  }
}