.tape {
  width: 100%;
  padding: 0.75rem 0;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: hsl(var(--primary, 347 100% 50%));
  color: hsl(var(--primary-foreground, 0 0% 100%));
}

.scroll {
  display: inline-block;
  animation: scroll-left 20s linear infinite;
}

.reverse {
  animation-name: scroll-right;
}

@keyframes scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes scroll-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}