/* ===== плашка, пробегающая слева направо в списке потоков ===== */
.sweep-bg {
  position: relative;
  overflow: hidden;
  isolation: isolate;          /* локальный контекст наложения */
}

.sweep-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;                 /* над фоном объекта, под текстом */
  background: #E3E8F2;         /* цвет плашки */
  border-radius: inherit;
  pointer-events: none;
  transform: translateX(-101%);
  transition: transform .45s cubic-bezier(.22,.61,.36,1);
}

@media (hover: hover) and (pointer: fine) {
  .sweep-bg:hover::before { transform: translateX(0); }
}
</style>