.movie-card
  overflow: hidden
  header
    border-bottom: $grey-lightest 1px solid
  footer
    border-top: $grey-lightest 1px solid
    align-items: center
  .buttons
    margin-bottom: 0
    .button
      margin-bottom: 0
  .poster-container
    display: flex
    flex-shrink: 0
    position: relative
    overflow: hidden
    &::before
      content: ''
      position: absolute
      top: 0
      bottom: 0
      right: 0
      left: 0
      filter: blur(15px)
      background-image: var(--poster-url)
      background-size: cover
      background-position: center
      margin: -5%
    .image img
      object-fit: contain