.bottom-sticky-banner-wrapper {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  padding: 0 12px;
  left: 0;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__top-border {
  position: absolute;
  top: -23px;
  left: 0;
  width: 100%;
  height: 23px;
}
@container (max-width: 500px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__top-border {
    display: none;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__top-border--mobile {
  display: none;
  position: absolute;
  top: -23px;
  left: 0;
  width: 100%;
  height: 23px;
}
@container (max-width: 500px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__top-border--mobile {
    display: initial;
    top: -22px;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__background {
  background-color: #B1E4D1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content {
  position: relative;
  z-index: 15;
  padding: 24px 0 24px;
  display: flex;
  justify-content: center;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner__title {
  font-family: "Bangers", cursive;
  font-size: 42px;
  line-height: 45px;
  text-align: center;
  color: #FDE655;
  margin: 0 0 10px;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item {
  background-color: #FFFDFF;
  padding: 16px;
  border-radius: 24px;
  width: 100%;
  max-width: 1000px;
  display: grid;
  grid-column-gap: 16px;
  grid-template-areas: "logo bonus highlights cta";
  grid-template-columns: 120px 1fr 233px 245px;
  align-items: center;
  color: #350B53;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item.bottom-sticky-banner-item--three-cols {
  grid-template-areas: "logo bonus cta";
  grid-template-columns: 120px 1fr 245px;
}
@container (max-width: 768px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item.bottom-sticky-banner-item--three-cols {
    grid-template-areas: "logo bonus" "cta  cta";
    grid-template-columns: 102px 1fr;
  }
}
@container (min-width: 768px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item.bottom-sticky-banner-item--three-cols .bottom-sticky-banner-item__cta-wrapper {
    align-self: center;
  }
}
@container (max-width: 992px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item {
    align-items: stretch;
    grid-template-columns: 200px 1fr;
    grid-row-gap: 2px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 8px;
    grid-template-areas: "logo bonus" "logo highlights" "cta  cta";
  }
}
@container (max-width: 500px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item {
    grid-template-columns: 102px 1fr;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item__link {
  text-decoration: none;
  cursor: pointer;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item__logo-wrapper {
  grid-area: logo;
  position: relative;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .operator-logo {
  min-height: 90px;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .operator-logo__bonus-label {
  background-color: #FFE600;
  position: absolute;
  left: calc(50% - 44px);
  bottom: 6px;
  font-size: 8px;
  display: inline-block;
  width: 100%;
  max-width: 88px;
  text-align: center;
  font-weight: 800;
  line-height: 11px;
  padding: 2px 6px;
  border-radius: 50px;
}
@container (max-width: 500px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .operator-logo__bonus-label {
    display: none;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .operator-logo__rating {
  display: none;
  position: absolute;
  bottom: 6px;
  border-radius: 50px;
  padding: 2px 6px;
  background-color: #353855;
  left: calc(50% - 26px);
  font-size: 12px;
  line-height: 16px;
  color: #FFFDFF;
  font-weight: 800;
  gap: 2px;
}
@container (max-width: 500px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .operator-logo__rating {
    display: flex;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .operator-logo__img {
  max-width: 90%;
  max-height: 50px;
  height: auto;
  object-fit: contain;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item__bonus {
  grid-area: bonus;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@container (max-width: 992px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item__bonus {
    gap: 2px;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bonus-section__bonus-type {
  font-weight: 800;
  font-size: 12px;
  line-height: 16px;
  border-radius: 50px;
  padding: 2px 6px;
  background-color: rgba(169, 93, 253, 0.4);
}
@container (max-width: 992px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bonus-section__bonus-type {
    font-size: 9px;
    line-height: 12px;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bonus-section__link {
  margin: 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #350B53;
  transition: 0.25s all;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bonus-section__link:hover {
  color: #d00393;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bonus-section__link:hover .text--lavender {
  color: #d00393;
}
@container (max-width: 992px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bonus-section__link {
    font-size: 20px;
    line-height: 26px;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item__highlights {
  grid-area: highlights;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .highlights-list {
  list-style: none;
  padding: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .highlights-list__li {
  padding-left: 15px;
  position: relative;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .highlights-list__li:after {
  content: "";
  display: block;
  position: absolute;
  height: 13px;
  width: 13px;
  top: calc(50% - 6.5px);
  left: 0;
  background-image: url("../../../images/highlights-list-icon.opt.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .bottom-sticky-banner-item__cta-wrapper {
  grid-area: cta;
  display: flex;
  gap: 8px;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .cta_wrapper__rating-label {
  background-color: rgba(255, 230, 0, 0.2);
  padding: 10px 8px 10px 35px;
  border-radius: 60px;
  font-weight: 800;
  font-size: 16px;
  line-height: 21px;
  position: relative;
}
@container (max-width: 992px) {
  .bottom-sticky-banner-wrapper .bottom-sticky-banner__content .cta_wrapper__rating-label {
    display: none;
  }
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .cta_wrapper__rating-label:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_310_291)'%3E%3Cpath d='M11.8635 0.496771C11.4778 -0.165496 10.521 -0.165495 10.1353 0.496772L7.18015 5.57041C7.03885 5.81301 6.80207 5.98504 6.52768 6.04445L0.789185 7.28711C0.0401325 7.44931 -0.25552 8.35924 0.255135 8.93074L4.16726 13.3091C4.35433 13.5184 4.44477 13.7968 4.41649 14.0761L3.82502 19.9177C3.74782 20.6803 4.52185 21.2426 5.22319 20.9336L10.5961 18.5659C10.8531 18.4527 11.1457 18.4527 11.4026 18.5659L16.7756 20.9336C17.4769 21.2426 18.251 20.6803 18.1738 19.9177L17.5823 14.0761C17.554 13.7968 17.6445 13.5184 17.8315 13.3091L21.7436 8.93074C22.2543 8.35924 21.9586 7.44931 21.2096 7.28711L15.4711 6.04445C15.1967 5.98504 14.9599 5.81301 14.8186 5.57041L11.8635 0.496771Z' fill='url(%23paint0_linear_310_291)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_310_291' x='0' y='0' width='21.9988' height='26.02' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='2.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_310_291'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_310_291' x1='10.9994' y1='-0.986816' x2='10.9994' y2='24.0132' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDE655'/%3E%3Cstop offset='1' stop-color='%23FD6355'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  height: 22px;
  width: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: 10px;
  top: calc(50% - 12.5px);
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .cta_wrapper-cta-link {
  background: #FFE600;
  flex-grow: 1;
  border-radius: 40px;
  padding: 8px 21px;
  display: flex;
  justify-content: center;
  transition: 0.25s all;
  align-items: center;
  gap: 6px;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .cta_wrapper-cta-link:hover {
  background-color: #d00393;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .cta_wrapper-cta-link__text {
  color: #02062B;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner__content .text--lavender {
  transition: 0.25s all;
  color: #A95DFD;
}
.bottom-sticky-banner-wrapper .bottom-sticky-banner-close {
  position: absolute;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: -24px;
  right: 6px;
  border-radius: 4px;
  background: #A95DFD url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.12132' y1='1.5' x2='16.6312' y2='16.0098' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='1.75427' y1='16.2641' x2='16.2641' y2='1.75432' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
  background-size: 10px;
  z-index: 11;
}

body:not(.bottom-sticky-banner--closed) .page-wrapper {
  padding-bottom: 200px;
}
@media screen and (max-width: 991px) {
  body:not(.bottom-sticky-banner--closed) .page-wrapper {
    padding-bottom: 270px;
  }
}

body.bottom-sticky-banner--closed .bottom-sticky-banner-wrapper {
  display: none;
}

/*# sourceMappingURL=bottom-sticky-banner.css.map */