/* Newsletter block: the sign-up for the shop's newsletter on a page, in a
   card at a reading width, its address and button side by side */
.newsletter-block {
  --flow-space: var(--space-s);

  background: var(--color-surface-1);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card);
  max-inline-size: var(--column-content);
  padding: var(--space-m-l);
}

.newsletter-block__row {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);

  > .field {
    flex: 1 1 16rem;
  }
}