.announcement-js {
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0;
  gap: 16px;
}

.announcement-js.active {
  opacity: 1;
  visibility: visible;
  animation: showBanner 1.5s;
}

.announcement-js .bannerText {
  font-size: 14px !important;
  text-align:center; 
}

@media(max-width:767px) {
    .announcement-js .bannerText {
        line-height:1!important;
    }   
}

@keyframes showBanner {
  from { opacity: 0; }
  to { opacity: 1; }
}