.simple-video-preview {

  &__container {
    display: block;
    position: relative;
    aspect-ratio: 16/9;

    &-empty {
      background-color: #d0d0d0;
      background-image: url("assets/default.svg");
      background-size: 150px 150px;
      background-repeat: no-repeat;
      background-position: center;
    }
  }

  &__link {
    display: block;
    height: 100%;
  }

  &__image {
    width: 100%;
    height: 100%;
  }

  &__play-button {
    display: block;
    position: absolute;
    inset: 0;
    background-size: 150px 150px;
    background-repeat: no-repeat;
    background-position: center;

    &.youtube {
      background-image: url("assets/youtube.svg");
    }

    &.dailymotion {
      background-image: url("assets/dailymotion.svg");
    }

    &.vimeo {
      background-image: url("assets/vimeo.svg");
    }

    &.wistia {
      background-image: url("assets/wistia.svg");
    }
  }

  &__credit {

    &-inner {
      display: inline-block;
    }

    &.overlapping {
      display: block;
      height: 0;

      .simple-video-preview__credit-inner {
        transform: translateY(-100%);
      }
    }
  }

  .simple-video-preview {

    &__caption {
      text-align: initial;
      margin-top: 0;

      > *:first-child {
        margin-top: 0;
      }
    }
  }
}