.scroll {
    padding: 5px 10px;
    display: flex;
    overflow: hidden;
}

    .scroll .h-scroll {
        display: block;
        overflow:hidden;
        position:relative;
    }


        .scroll .h-scroll .h-scroll-items {
            animation: scrollText  var(--h-scroll-time) infinite linear;
            width: min-content;
        }

            .scroll .h-scroll .h-scroll-items .h-scroll-items-wrapper {
                white-space: nowrap;
            }

            .scroll .h-scroll .h-scroll-items div {
                display: inline-block;
                margin-right: 20px;
                white-space: nowrap;
            }


@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

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