.floating-banner {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 50;
  border-radius: 32px;
  transition: box-shadow 0.2s;
  background: #fff;
  padding: 15px;
  box-shadow: 0 0 12px rgb(109, 107, 107);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .floating-banner img {
    width: 160px;
  }
}
.floating-banner img:hover {
  opacity: 0.8;
}
.floating-banner .floating-close {
  position: absolute;
  top: -30px;
  right: -10px;
  background: #126538;
  border-radius: 9999px;
  border: none;
  font-size: 2rem;
  color: white;
  cursor: pointer;
  line-height: 1;
  padding: 10px 10px;
  z-index: 51;
  transition: color 0.2s;
}
@media (max-width: 767px) {
  .floating-banner .floating-close {
    font-size: 2rem;
    color: white;
    cursor: pointer;
    line-height: 1;
    padding: 5px 5px;
    z-index: 51;
    transition: color 0.2s;
    top: -25px;
    right: -5px;
  }
}
.floating-banner .floating-close:hover {
  opacity: 0.4;
}

@media (max-width: 767px) {
  .floating-banner {
    right: 12px;
    bottom: 12px;
    padding: 10px;
    font-size: 2rem;
  }
}
/*# sourceMappingURL=floating.css.map */