.news-ticker{
    width:100%;
    overflow:hidden;
    background:linear-gradient(90deg,#0057ff,#00bfff);
    color:#fff;
    padding:12px 0;
    white-space:nowrap;
    position:relative;
    font-weight:600;
    font-size:15px;
    box-shadow:0 3px 10px rgba(0,0,0,.2);
}

.ticker-content{
    display:inline-block;
    padding-left:100%;
    animation:ticker 28s linear infinite;
}

.news-ticker:hover .ticker-content{
    animation-play-state:paused;
}

@keyframes ticker{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-100%);
    }
}