.live-video {
  display: block;
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* Chrome */
  display: flex;
  /* Spec  */
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .live-video:hover .live-video__description {
    background: #3b424c;
    transition: background-color 0.2s ease-out; }
  @media (min-width: 48em) {
    .live-video {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.live-video__description {
  color: #ffffff;
  background-color: rgba(59, 66, 76, 0.95);
  padding: 16px; }

.live-video__description__title {
  margin-bottom: 8px; }