.announcement-bar{background:none;color:#333;text-align:center;padding:12px 0;position:relative;font-size:14px;font-weight:500;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1000;overflow:hidden}
.announcement-slider{height:20px;position:relative;display:flex;align-items:center;justify-content:center}
.announcement-slide{position:absolute;width:100%;opacity:0;transition:opacity .5s ease-in-out}
.announcement-slide.active{opacity:1}
.announcement-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10;padding:5px}
.announcement-nav:hover{color:#666;transform:translateY(-50%) scale(1.2)}
.announcement-nav:active{background:none!important}
.announcement-nav.prev{left:2px}
.announcement-nav.next{right:2px}
@media (max-width:768px){.announcement-bar{font-size:12px;padding:10px 0}.announcement-nav{font-size:14px;padding:3px}.announcement-nav.prev{left:1px}.announcement-nav.next{right:1px}}