@import core.variables

.mw-featured-content-card

  a
    color: inherit

    &:hover
      color: inherit

  .mw-featured-content-card__image
    position: relative
    color: $twitch-purple-15
    text-shadow: 2px 2px 5px $twitch-purple-3

    .tw-svg
      position: absolute
      top: 50%
      right: 50%
      transform: translate(50%, -50%)

    .mw-featured-content-card__views
      position: absolute
      left: 10px
      bottom: 0px

      .tw-svg
        position: static
        transform: none

    .mw-featured-content-card__time
      position: absolute
      right: 10px
      bottom: 0px

      .tw-svg
        position: static
        transform: none

  .mw-featured-content-card__details
    background: $twitch-purple-3
    color: $twitch-purple-15

    p
      color: $hinted-grey-10
