/* Monos: an ink block with the bottle colours as a stripe along the bottom */
.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__box {
  position: relative;
  display: grid;
  gap: 2rem;
  align-items: end;
  overflow: hidden;
  padding: 2.75rem 1.5rem 3.75rem;
  border-radius: 40px;
  background: var(--monos-ink);
  color: var(--monos-white);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__box::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.875rem;
  background: linear-gradient(90deg,
    var(--monos-c-lagun) 0 20%, var(--monos-c-orman) 20% 40%, var(--monos-c-lila) 40% 60%,
    var(--monos-c-kar) 60% 80%, var(--monos-rose) 80% 100%);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__title {
  font-size: clamp(2.25rem, 4vw, 4rem);
  color: var(--monos-white);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__title .monos-soft {
  color: var(--monos-c-lila);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__form {
  display: flex;
  gap: 0.375rem;
  padding: 0.375rem;
  border-radius: 999px;
  background: var(--monos-white);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__form input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: none;
  padding: 0 1rem;
  font: 500 1rem var(--monos-font);
  outline: 0;
  color: var(--monos-ink);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__form button {
  border: 0;
  padding: 0.875rem 1.5rem;
  border-radius: 999px;
  background: var(--monos-rose);
  color: var(--monos-white);
  font: 600 0.9375rem var(--monos-font);
  cursor: pointer;
  transition: background 0.2s;
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__form button:hover {
  background: var(--monos-c-lagun);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band small {
  display: block;
  margin-top: 0.875rem;
  color: var(--monos-gray-300);
  font-size: 0.875rem;
  line-height: 1.55;
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band .newsletter-band__err {
  color: var(--monos-rose-soft);
}

.cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__ok {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}

@media (min-width: 1024px) {
  .cc_d3mp8yu5_DJVPhdTWiA .newsletter-band__box {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    padding: 4.5rem 4.5rem 5.25rem;
  }
}