/**
 * Marquee Styles
 */

.marquee {
    overflow: hidden;
    width: 100%;
}
.marquee__content {
    display: inline-block;
    white-space: nowrap;
    animation: scroll 15s infinite linear;
    cursor: pointer;
    padding: 0 1rem 0 100%;
}
.marquee:hover > .marquee__content {
    animation-play-state: paused;
}
@keyframes scroll {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    100% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
}