.coupenmarquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  min-height: 20px;
  overflow-x: hidden;
}

.coupenmarqueetrack {    
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 35s linear infinite;
}

.coupenmarquee:hover .coupenmarqueetrack {
  animation-play-state: paused;
}

.coupencontent span[data-code] {
  cursor: pointer;
  transition: color 0.3s ease;
}
.coupencontent span[data-code]:hover {
  color: #ffecb3; /* light yellow effect */
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.separator {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 1.5rem;
  font-weight: bold;
}