.marquee-container {
    width: 100%;
    height: 3.125rem; /* 50px */
    overflow: hidden;
    background: #000;
    position: relative;
}

.marquee-track {
    display: flex;
    white-space: nowrap;
    gap: 20%;
    color: #FFF;
    font-size: 1.875rem;
    line-height: 3.125rem;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
    animation: scroll-marquee 30s linear infinite;
}

.marquee-track a.marquee-link {
    color: #FFF;
    text-decoration: none;
}

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