.block-embed {
  background-color: var(--color-light);
  padding: 40px 0;

  @media (min-width: 768px) {
    padding: 100px 0;
  }

  .block-embed-wrapper {
    position: relative;

    &.youtube {
      padding-bottom: 56.25%;

      iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        @media (min-width: 992px) {
          width: calc(100% / 12 * 10);
        }
      }
    }
  }

  .redactor {
    margin-bottom: 30px;

    @media (min-width: 992px) {
      width: calc(100% / 12 * 10);
    }
  }
}

.block-embed-title {
  font-family: var(--font-family-sans-serif-heading);
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.2em;
  margin: 0 0 25px 0;
}

div#mc_embed_shell {
  ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  li {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;

    label {
      margin-bottom: 0;
    }
  }

  .mc-field-group {
    margin-bottom: 40px;
  }

  h2 {
    font-family: var(--font-family-sans-serif-heading);
    line-height: 1.2em;
    margin-bottom: 30px;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-bold);
  }
}