@keyframes iconblink {
  0% {
    color: #E5E5E5;
  }
  50% {
    color: #FF1E34;
  }
  100% {
    color: #E5E5E5;
  }
}

.sawi-live-button {
  display: inline-block;
  text-align: center;
  font-family: "Ubuntu", Sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6em;
  fill: #E5E5E5;
  color: #E5E5E5;
  background-color: #C8C8C8;
  border-radius: 0px 0px 0px 0px;
  padding: 7px 20px 7px 20px;
}

.sawi-live-button.off:hover {
  color: #E5E5E5;
  background-color: #C8C8C8;
  cursor: default;
}

.sawi-live-button.on {
  background: #727272;
}

.sawi-live-button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sawi-live-button-icon {
  margin-right: 5px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  
}

.sawi-live-button.on .sawi-live-button-icon {
  color: #FF1E34;
  animation: iconblink 2s steps(1, jump-start) infinite;
}

.sawi-live-button-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: inline-block;
}

.sawi-live-button.on .sawi-live-button-text {
  color: #ffffff;
}


.sawi-live-banner.sawi-live-on a {
  display: block;
  font-size: 0;
}

.sawi-live-banner.sawi-live-on .sawi-live-banner-img {
  width: 100%;
  height: 117px;
  object-fit: cover;
}

@media screen and (max-width: 800px) {
  .sawi-live-banner.sawi-live-on .sawi-live-banner-img {
    /*object-position: 35% bottom;*/
    height: 40px;
  }
}