.newsletter {
  background-image: linear-gradient(hsl(var(--clr-400), 0.9), hsl(var(--clr-400), 0.9)),
    url("/wp-content/uploads/grupo_de_personas_de_negocios_en-_una_cafeteria.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow: clip;
  padding-block: calc(var(--columns-gap) / 2);
}
.newsletter .content {
  gap: var(--space-s);
}
.newsletter h2,
.newsletter p,
.newsletter label {
  color: hsl(0, 0%, 100%);
}
.newsletter p {
  font-size: var(--fs-s);
}
.newsletter .form-container {
  display: grid;
  align-items: center;
}
.newsletter .jet-form-builder {
  display: grid;
  grid-template-columns: 3fr 1fr;
  column-gap: 0.5em;
}
.newsletter .field-type-checkbox-field {
  order: 3;
  grid-column: span 2;
}
.newsletter .field-type-checkbox-field span {
  font-size: var(--fs-xs);
}
.newsletter .jet-form-builder__action-button {
  background-color: white;
  color: hsl(var(--clr-action-400));
  min-width: 100%;
  justify-content: center;
}
.newsletter .jet-form-builder__action-button:hover {
  background-color: hsl(var(--clr-action-400));
  color: hsl(0, 0%, 100%);
  scale: 1.02;
}
@media (width < 62.5em) {
  .newsletter h2,
  .newsletter p {
    text-align: center;
  }
  .newsletter .jet-form-builder {
    grid-template-columns: 1fr;
  }
  .newsletter .field-type-checkbox-field {
    order: 3;
    grid-column: initial;
  }
}