.floating-banner {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100px;
  z-index: 5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
}
.floating-banner__close {
  width: 32px;
  height: 32px;
  top: -16px;
  left: 0px;
}
.floating-banner.floating-banner--get-out {
  transform: translateY(1000px);
  opacity: 0;
}
@media only screen and (min-width: 576px) {
}
@media only screen and (min-width: 768px) {
  .floating-banner {
    bottom: 10px;
    right: 10px;
    width: 300px;
    height: 100px;
    background-image: url(../../assets/images/floating-banner-desktop.gif);
    border-radius: 8px;
  }
  .floating-banner.floating-banner--get-out {
    transform: translateX(1000px);
    opacity: 0;
  }
  .floating-banner__close {
    top: -16px;
    left: -16px;
  }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 1400px) {
}
