.media,
[media] {
  display: flex !important;
  @extend .media;

  &.media-center-vertical,
  &[media-center-vertical] {
    align-items: stretch;
    .media-left,
    [media-left],
    .media-body,
    [media-body],
    .media-right,
    [media-right] {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
}

[media-left] {
  @extend .media-left;
}

[media-body] {
  @extend .media-body;
}

[media-right] {
  @extend .media-right;
}

.media-right,
[media-right] {
  padding-left: 1rem;
}

.media-body,
[media-body] {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.media-left,
[media-left] {
  padding-right: 1rem;
}