@media (max-width: 768px) {
  .forge-cta-banner-v2 .forge-cta-banner-v2-wrapper {
    min-height: 400px !important;
  }
}

/* Spines: the bottom-left one continues into the footer, so it is anchored
   to the right edge like the footer's, and both scale with the width above
   the 1440px design size. */
.forge-cta-banner-v2 {
  background-image:
    url("../decorations/cta-banner-v2-spine-left.svg"),
    url("../decorations/cta-banner-v2-spine-right.svg");
  background-repeat: no-repeat;
  background-position:
    right 750px bottom 0,
    right 0 top 0;
}

@media (min-width: 1440px) {
  .forge-cta-banner-v2 {
    background-position:
      left 0 bottom 0,
      right 0 top 0;
    background-size:
      calc(690 / 1440 * 100%) auto,
      calc(693 / 1440 * 100%) auto;
  }
}

/* Buttons: both in one Buttons block, centred, wrapping onto two rows on
   phones. Two classes so the layout rule WordPress prints loses. */
.forge-cta-banner-v2-wrapper .wp-block-buttons.is-layout-flex,
.forge-cta-banner-v2-wrapper .wp-block-buttons {
  flex-wrap: wrap;
  justify-content: center;
}