.media-block-banner:not(.media-block-banner__bg) {
  margin-top: 3rem;
}

.media-block-banner__bg {
  margin-top: 4rem;
  padding-block: 3rem;
}

.media-block-banner__bg--color {
  background-color: hsl(210deg 100% 95.29%);
}

.media-block-banner__wrapper {
  display: flex;
  gap: 3rem;
  align-items: stretch;
}

.media-block-banner__image {
  flex: 0 1 260px;
  min-width: 200px;
  max-width: 450px;
  width: 100%;

  & img {
    display: block;
  }
}

.media-block-banner__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.media-block-banner__content-title {
  margin-block: 0 0.5rem;
}

.media-block-banner__content-description iframe {
  width: 100%;
  aspect-ratio: 16/9;
}


div.media-block-banner__button-wrapper {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;

  & a {
    color: #fff;
  }
}

@media (width <= 600px) {
  .media-block-banner__wrapper {
    flex-direction: column;
  }
}

@media (width > 600px) {
  .media-block-banner__wrapper--right {
    flex-direction: row-reverse;
  }
}