/* BannerWidget external CSS - copy of MinimalistWidget with prefix 'banner-widget-' */
.banner-widget-container {
  display: flex !important;
  align-items: center !important;
  align-content: center !important;
  justify-content: space-around !important;
  padding: 20px !important;
  height: 100% !important;
  width: 100% !important;
  background-color: var(--banner-bg-color) !important;
  margin: auto !important;
  border-radius: var(--banner-border-radius, 20px) !important;
}
.banner-widget-ctaButton {
  background-color: var(--banner-button-color) !important;
  color: var(--banner-button-font-color) !important;
  margin-top: 10px !important;
  padding: 10px 20px !important;
  border: none !important;
  border-radius: var(--banner-button-border-radius, 20px) !important;
  cursor: pointer !important;
  font-size: 17.6px !important;
  font-weight: 500 !important;
  transition: 0.3s ease !important;
}
.banner-widget-ctaButton:hover {
  background: var(--banner-button-color) !important;
  color: var(--banner-button-font-color) !important;
  transform: translateY(-3px) scale(1.03) !important;
  transition: 0.3s ease !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25) !important;
}
.banner-widget-ctaButton:active {
  background: var(--banner-button-color) !important;
  color: var(--banner-button-font-color) !important;
}
.banner-widget-title {
  font-size: 19.2px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: var(--banner-bg-font-color) !important;
  line-height: normal !important;
}
.banner-widget-amount {
  font-size: 48px !important;
  color: var(--banner-bg-font-color) !important;
  vertical-align: middle !important;
  line-height: normal !important;
}
.banner-widget-section {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: var(--banner-bg-font-color) !important;
}
.banner-widget-sectionSmall {
  width: 20% !important;
}
.banner-widget-sectionLarge {
  width: 60% !important;
}
.banner-widget-liscence {
  font-size: 12.8px !important;
  padding-top: 10px !important;
  word-wrap: none !important;
  word-break: keep-all !important;
  color: var(--banner-bg-font-color) !important;
}
.banner-widget-img {
  align-items: start !important;
  width: 20% !important;
  height: auto !important;
  border-radius: 10px !important;
}
.banner-widget-loading {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: transparent !important;
}
@media (max-width: 975px) {
  .banner-widget-ctaButton {
    font-size: 16px !important;
    padding: 8px 16px !important;
  }
}
@media (max-width: 868px) {
  .banner-widget-title {
    font-size: 17.6px !important;
  }
  .banner-widget-amount {
    font-size: 32px !important;
  }
  .banner-widget-ctaButton {
    font-size: 14.4px !important;
    padding: 7px 14px !important;
  }
}
@media (max-width: 590px) {
  .banner-widget-img {
    display: none !important;
  }
  .banner-widget-sectionSmall {
    width: 40% !important;
  }
  .banner-widget-sectionLarge {
    width: 60% !important;
  }
}
@media (max-width: 455px) {
  .banner-widget-sectionSmall {
    width: 100% !important;
  }
  .banner-widget-sectionLarge {
    width: 100% !important;
  }
  .banner-widget-title {
    font-size: 14.4px !important;
  }
  .banner-widget-amount {
    font-size: 28px !important;
  }
  .banner-widget-ctaButton {
    font-size: 14.4px !important;
    padding: 6px 12px !important;
  }
  .banner-widget-liscence {
    font-size: 11.2px !important;
  }
  .banner-widget-container {
    padding: 10px !important;
  }
}
@media (max-width: 405px) {
  .banner-widget-title {
    font-size: 14.4px !important;
  }
  .banner-widget-amount {
    font-size: 24px !important;
  }
}
@media (max-width: 350px) {
  .banner-widget-title {
    font-size: 12.8px !important;
  }
  .banner-widget-amount {
    font-size: 20px !important;
  }
  .banner-widget-ctaButton {
    font-size: 11.2px !important;
    padding: 4px 8px !important;
  }
}