.banner-countdown-v1__sub-title {
  font-size: calc(var(--font-body-scale) * 1.8rem);
  margin-bottom: 1.5rem;
  color: rgba(var(--color-foreground));
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .banner-countdown-v1__sub-title {
    text-align: unset;
  }
}

.banner-countdown-v1__title {
  color: rgba(var(--color-foreground));
  font-weight: 500;
  font-size: clamp(3.6rem, calc(1.75vw + 2.9rem), 5rem);
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  text-align: center;
  font-family: var(--font-custom-family);
}
@media (min-width: 576px) {
  .banner-countdown-v1__title {
    text-align: unset;
  }
}

.banner-countdown-v1__countdown {
  padding-top: 2rem;
}

.banner-countdown-v1__btn {
  margin-top: 4rem;
  text-align: center;
}
@media (min-width: 576px) {
  .banner-countdown-v1__btn {
    text-align: unset;
  }
}

.xo-container-width {
  padding: 0 1.5rem;
}
@media (min-width: 1400px) {
  .xo-container-width {
    max-width: unset;
    padding: 0 14rem !important;
  }
}

.banner-countdown-v1 {
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  padding-bottom: 10rem;
}

.banner-countdown-v1__info {
  max-width: 50%;
}