.nav-promo-banner {
  min-height: 50px;
  background: #3b3ad5;
  display: flex;
  justify-content: center;
  gap: 12px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
@media (max-width: 700px) {
  .nav-promo-banner {
    min-height: 35px;
  }
}
@media (max-width: 550px) {
  .nav-promo-banner {
    padding: 0 32px;
  }
}
.nav-promo-banner.purple {
  background: #3b3ad5;
  color: white;
}
.nav-promo-banner.light-blue {
  background: #5CBEF9;
}
.nav-promo-banner.red {
  background: #cc2f5e;
  color: white;
}
.nav-promo-banner.grey {
  background: #f2f4f6;
  color: #052249;
}
.nav-promo-banner.blue {
  background: #3b3ad5;
  color: white;
}
.nav-promo-banner.hidden {
  display: none;
}
@media (max-width: 768px) {
  .nav-promo-banner.disable-on-mobile {
    display: none;
  }
}
.nav-promo-banner .content {
  display: flex;
  align-items: center;
}
@media (max-width: 700px) {
  .nav-promo-banner .content {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .nav-promo-banner .content {
    font-size: 12px;
  }
}
@media (max-width: 550px) {
  .nav-promo-banner .content {
    white-space: normal;
    word-break: break-word;
  }
}
@media (max-width: 450px) {
  .nav-promo-banner .content {
    font-size: 12px;
  }
}
.nav-promo-banner .cta-button {
  margin: 8px;
}
@media (max-width: 600px) {
  .nav-promo-banner .cta-button {
    font-size: 11px;
  }
}
@media (max-width: 450px) {
  .nav-promo-banner .cta-button {
    font-size: 10px;
  }
}
.nav-promo-banner .terms-button {
  background: none;
  text-decoration: underline;
  padding: unset;
  margin: unset;
  font-size: 16px;
  color: unset;
}
@media (max-width: 700px) {
  .nav-promo-banner .terms-button {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  .nav-promo-banner .terms-button {
    font-size: 11px;
  }
}
@media (max-width: 450px) {
  .nav-promo-banner .terms-button {
    font-size: 8px;
  }
}

@media (max-width: 800px) {
  .nav-promo-banner {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
}