.hero-widget {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 0.75rem 0 1rem;
  background-color: #250066;
  background-image:
    linear-gradient(0deg, #250066 0%, #001b34 100%),
    url('/assets/borda-amarela.png');
  background-size: cover, cover;
  background-position: center, center top;
  background-repeat: no-repeat, no-repeat;
}

.hero-widget .vdc-checkout {
  width: min(100% - 1.5rem, 1200px);
  max-width: 1200px;
  margin: 0 auto;
}

.hero-widget .promo-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.vdc-checkout .checkout-card {
  display: none !important;
}

@media (min-width: 768px) {
  .hero-widget {
    padding: 2.5rem 2rem 2rem;
  }

  .hero-widget .promo-hero {
    width: 100%;
    max-width: 1457px;
  }

  .hero-widget .tituloPremiacao {
    font-size: 30px;
  }

  .hero-widget .btn-comprar-hero {
    height: 70px;
  }

  .hero-widget .btn-comprar-hero .text {
    font-size: 32px;
  }
}

@media (min-width: 992px) {
  .hero-widget {
    padding: 52.5px 60px 51.5px;
  }
}