.lx-cat-back {
  display: none; align-items: center; gap: 7px;
  width: fit-content;
  margin-bottom: 14px;
  padding: 9px 18px 9px 15px;
  border-radius: 999px;
  background: var(--lx-card);
  border: 1px solid var(--lx-border);
  box-shadow: var(--lx-shadow-sm);
  color: var(--lx-fg);
  font-size: 14px; font-weight: 600; letter-spacing: .3px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.lx-cat-back::before { content: "←"; font-size: 15px; line-height: 1; transition: transform .22s ease; }
.lx-cat-back:hover { color: var(--lx-primary); border-color: rgba(74, 92, 122, .35); box-shadow: 0 4px 14px rgba(74, 92, 122, .14); }
.lx-cat-back:hover::before { transform: translateX(-3px); }
.lx-cat-back:active { transform: scale(.96); }