/* My Work — единый hover кнопок */

@media (hover: hover) {
  :where(button, .btn, [role='button']):not(:disabled) {
    transition: background-color 0.18s ease;
  }

  /* Обычные кнопки — подсветка навигации */
  :where(button, .btn, [role='button']):not(:disabled):hover {
    background-color: color-mix(in srgb, var(--interactive-highlight) 50%, transparent);
  }

  /* Основные кнопки — сохраняем 80% исходной синей заливки */
  :where(.primary):not(:disabled):hover {
    background-color: color-mix(in srgb, var(--blue) 80%, transparent);
  }

  /* Опасные действия — сохраняем 80% исходной заливки */
  :where(.danger):not(:disabled):hover {
    background-color: color-mix(in srgb, var(--danger-bg) 80%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(button, .btn, [role='button']) {
    transition: none;
  }
}