.mq-announcement {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.mq-announcement p {
  display: inline-block;
  padding-left: 100%;
  animation: mq-scroll-left 30s linear infinite;
}

@keyframes mq-scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mq-announcement p {
    animation: none;
    padding-left: 0;
  }
}