/* Только второй уровень; сам элемент не смещаем */
.t228__maincontainer .t-menusub__link-item {
  position: relative;
  z-index: 0;
  border-radius: 6px;
  transition: color .2s ease;
}

/* Псевдоэлемент — расширенный фон с «отступами» */
.t228__maincontainer .t-menusub__link-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  /* делаем фон шире на 20px по горизонтали и выше на 6px по вертикали */
  left: -10px;
  right: -10px;
  top: -6px;           /* «отступ» сверху у фона */
  bottom: -6px;        /* «отступ» снизу у фона */
  background-color: transparent;
  border-radius: 8px;  /* чуть больше радиус, чтобы выглядеть аккуратно при расширении */
  pointer-events: none;
  transition: background-color .2s ease;
}

/* Hover — светло‑серый фон с отступами */
.t228__maincontainer .t-menusub__link-item:hover::before {
  background-color: #f0f0f0;
}

/* Active — более тёмный серый, те же отступы */
.t228__maincontainer .t-menusub__link-item.t-menusub__link-item_active::before {
  background-color: #e5e5e5;
}