.top-message-carousel {
    background-color: #4e3928;
    color: white;
    padding: 0.5rem 0;
    overflow: hidden;
}

.marquee {
    white-space: nowrap;
    overflow: hidden;
}

.marquee-content {
    display: inline-block;
    animation: marquee 20s linear infinite;
}

.marquee-item {
    display: inline-block;
    padding: 0 2rem;
}

.marquee-item:not(:last-child)::after {
    content: "✧";
    margin-left: 2rem;
}

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