/************************************ Announcement Banner Styles ***********************************/
.announcement-banner {
  background-color: #fff;
  text-align: center;
    padding: 25px 50px;
    color: #000;
    position: fixed;
    width: auto;
    z-index: 9999;
    margin-bottom: -10px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);
    bottom: 30px;
    right: 30px;
    animation: 0.6s ease-in-out 0s 1 slideInFromLeft;
}
.announcement-banner span {
  display: block;
  width: 100%;
  color: #000;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.announcement-banner p {
  display: inline;
  margin-bottom: 0;
  color: #000;
}
.announcement-banner .banner-close {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  text-decoration: none;
  background-color: #ffe900;
  width: 25px;
  height: 25px;
  display: inline-block;
  padding: 3px;
  height: 100%;
  transition: all ease 300ms;
}
.announcement-banner .banner-close svg {
  transform: translateY(-50%);
  top: 50%;
  position: relative;
  fill: #000
}
.announcement-banner .banner-close:hover {
  width: 30px;
  transition: all ease 300ms;
}
@keyframes slideInFromLeft {
  0% {
      transform: translateX(100%);
 }
  100% {
      transform: translateX(0);
 }
}