.ticker-container {
width: 100%;
overflow: hidden;
background: #0b3d91;
padding: 10px 0;
border-radius: 8px;
}
.ticker {
display: inline-block;
white-space: nowrap;
animation: scrollLeft 25s linear infinite;
}
.ticker a {
display: inline-block;
margin: 0 20px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
transition: 0.3s;
}
.ticker a:hover {
text-shadow: 0 0 8px #fff;
transform: scale(1.05);
}
/* Animation */
@keyframes scrollLeft {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
/* Pause on hover */
.ticker-container:hover .ticker {
animation-play-state: paused;
}
