/* Строка начинается за правым краем экрана и полностью уходит влево. */
.marquee div {
  animation: marquee-right-to-left 30s linear infinite;
  will-change: transform;
}

.marquee div::before {
  content: "✦";
  padding: 0 24px;
  color: var(--berry);
}

@keyframes marquee-right-to-left {
  from { transform: translateX(100vw); }
  to { transform: translateX(-100%); }
}