.block-editor-block-list__block {

  .media-content {

    h2,
    .wp-block-button {
      transform: none;
      opacity: 1;
    }
  }
}

.media-content {


  h2 {
    overflow: hidden;
    display: inline-block;

    &:first-child {
      margin-right: 0.5rem;
      margin-bottom: 0;
    }
  }

  h2:first-child {
    @include transition(1s);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 0;
    @include transform(translateY(-50px))
  }

  h2:nth-child(2) {
    @include transition(1s);
    transition-delay: 0.6s;
    @include transform(translateY(50px));
    opacity: 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }

  .wp-block-buttons {
    align-items: initial;
    margin-bottom: 0;
    margin-top: 1.75rem;
    gap: 1.15rem;

    .wp-block-button {
      @include transition(1s);
      transition-delay: 0.8s;
      @include transform(translateY(50px));
      opacity: 0;
    }

    .wp-block-button:nth-child(1) {

      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }

    .wp-block-button:nth-child(2) {
      transition-delay: 1s;
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }


    .wp-element-button {
      margin-top: 0;
    }

    .wp-block-button.is-style-outline {
      .wp-block-button__link {
        &:before {
          background-color: var(--wp--preset--color--hover-color);
        }

        &:after {
          border-color: var(--wp--preset--color--hover-color);
        }

        &:is(:hover, :focus) {
          &:before {
            background-color: var(--wp--preset--color--dark-color);
          }

          &:after {
            border-color: var(--wp--preset--color--dark-color);
          }
        }
      }
    }

  }


  h2 {
    line-height: 1.222;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  p {
    @include transition(1s);
    transition-delay: 0.8s;
    @include transform(translateY(50px));
    opacity: 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
}

.wp-block-columns.header-media-content {
  flex-direction: column-reverse;
}

.header-media {
  padding-bottom: 10.875rem;
  padding-top: 10.875rem;
  overflow: hidden;
}

.header-media .media-content .wp-block-heading.sub-heading {
  color: var(--wp--preset--color--secondary-text-color);
}

.admin-bar .header-media.header-banner,
.header-media.header-banner {
  height: 100%;
}

.header-banner.wp-block-cover {
  display: block;
  padding: 0;

  .wp-block-cover__inner-container {
    padding: 0 var(--wp--custom--spacing--outer);
    width: auto;
  }

  .wp-block-cover__image-background {
    position: relative;
  }
}
