.announcement-bar { background: #111111; border-bottom: 1px solid rgba(255,255,255,.08); position: relative; overflow: hidden; } .announcement-bar::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, transparent, rgba(255,45,45,.08), transparent ); animation: upryseGlow 8s linear infinite; } .announcement-bar__text { color: #FFFFFF; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-align: center; } .announcement-bar__text::before { content: "▲"; color: #FF2D2D; margin-right: 10px; } .announcement-bar__text::after { content: " ▲"; color: #FF2D2D; margin-left: 10px; } @keyframes upryseGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .announcement-bar__slider .slideshow-control:hover { color: #FF2D2D; transition: .3s ease; }