.card-tile-hero {
  @include transition(all $general-transition-time $transition-linear);

  &:hover {
    background-position: 100vh;
  }

  .card-header {
    padding-bottom: 0.625rem;
    justify-content: center;
  }

  .card-body {
    padding-top: 0.625rem;

    small {
      color: $text-muted;
    }
  }

  &.card-tile-hero-split {

    .card-body {
      background: $gray-300;
    }
  }
}