.is-layout-email-flex {
  flex-wrap: nowrap;
}

:where(body .is-layout-flex) {
  gap: var(--wp--style--block-gap, 16px);
}

.is-mobile-preview .is-layout-email-flex {
  display: block;
}

.is-mobile-preview .is-layout-email-flex .block-editor-block-list__block {
  padding: 5px 0;
  width: 100%;
}

.is-mobile-preview .is-layout-email-flex .wp-block-button__link {
  width: 100%;
}

/*
 * Email Editor specific styles for vertical gap between blocks in column.
 * This is needed because we disable layout for core/column and core/columns blocks, and .is-layout-flex is not applied.
 */
.wp-block-columns:not(.is-not-stacked-on-mobile)
  > .wp-block-column
  > .wp-block:first-child {
  margin-top: 0;
}

.wp-block-columns:not(.is-not-stacked-on-mobile)
  > .wp-block-column
  > .wp-block {
  margin: var(--wp--style--block-gap, 16px) 0;
}

.wp-block-columns:not(.is-not-stacked-on-mobile)
  > .wp-block-column
  > .wp-block:last-child {
  margin-bottom: 0;
}
