// ==========================================================================
// Page Teaser Text-Media Component
// Layout handled by b-text-media__* classes.
// ==========================================================================

.b-text-media--teaser {
  .c-text-block {
    padding-top: 2rem;
    @include media-breakpoint-up(md) {
      padding-top: 2rem;
    }
    @include media-breakpoint-up(lg) {
      padding-top: 0;
    }
    &__title {
      margin-bottom: $spacer * 1;
    }
    &__text {
      margin-bottom: 0;
    }
    &__action {
      margin-top: $spacer * 1.5;
      display: flex;
      justify-content: flex-end;
      @include media-breakpoint-up(xxl) {
        margin-top: $spacer * 2;
      }
      @include media-breakpoint-up(1600) {
        margin-top: $spacer * 2.5;
      }
    }
  }
  .c-media-grid__item img {
    aspect-ratio: 16 / 9;
    @include media-breakpoint-between(lg, xl) {
      aspect-ratio: 4 / 3;
    }
  }
  .b-text-media__row.col-gap-md {
    @include media-breakpoint-up(lg) {
      > :first-child {
        padding-right: 1.5rem;
      }
      > :last-child {
        padding-left: 1.5rem;
      }
    }
    @include media-breakpoint-up(xl) {
      > :first-child {
        padding-right: 2rem;
      }
      > :last-child {
        padding-left: 2rem;
      }
    }
    @include media-breakpoint-up(xxl) {
      > :first-child {
        padding-right: 2.25rem;
      }
      > :last-child {
        padding-left: 2.25rem;
      }
    }
  }
}