.animate-area {
    overflow: hidden;
}

.animate-content {
    display: flex;
    height: 40px;
}

.animate {
    display: flex;
}

.animate-item {
    padding: 10px 25px;
    white-space: nowrap;
    margin: 10px;
    font-size: 15px;
}

.animate-scroll-left {
    animation-name: scroll-left;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 25s;
}

.animate-area:hover .animate {
    animation-play-state: paused !important;
}

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

    100% {
        transform: translateX(-100%);
    }
}