.monza-hero {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: var(--monza-block-standard-margin-bottom);
  position: relative;

  @media (min-width: 1024px) {
    flex-direction: row;
    gap: 3rem;
  }

  .monza-hero__image {
    flex-basis: 50%;
    order: 1;

    @media (min-width: 1024px) {
      order: 2;
    }
  }

  .monza-hero__body {
    flex-basis: 50%;
    margin: auto;
    max-width: 46.875rem;
    order: 2;

    @media (min-width: 1024px) {
      order: 1;
    }
  }

  .monza-hero__body .monza-heading {
    margin-bottom: 1.5rem;
  }

  .monza-hero__body .monza-hero__text {
    margin-bottom: 2rem;
  }

  .monza-hero__text.monza-wysiwyg p,
  .monza-hero__text.monza-wysiwyg li {
    @media (min-width: 1024px) {
      font-size: 1.375rem;
    }
  }

  .monza-hero__buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;

    @media (min-width: 1024px) {
      flex-direction: row;
      text-align: left;
    }
  }

  .monza-hero__button-group {
    display: inline-flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;

    @media (min-width: 1024px) {
      flex-direction: row;
      width: unset;
    }
  }

  .monza-hero__button-group .monza-button,
  .monza-hero__button-group .monza-button__link {
    width: 100%;

    @media (min-width: 1024px) {
      width: unset;
    }
  }
}

.monza-hero--center {
  flex-direction: column;
  text-align: center;

  .monza-monza__image {
    flex-basis: 100%;
  }

  .monza-monza__body {
    flex-basis: 100%;
  }

  .monza-monza__buttons {
    justify-content: center;
  }
}