css-sandbox/media_object/media.css

.media {
  display: grid;
  grid-template-areas: 
    "title badges"
    "body body"
    "footer footer";
  grid-template-columns: 4fr 1fr;
  background-color: var(--media-background);
}

.media__title {
  grid-area: title;
}

.media__badges {
  grid-area: badges;
  align-self: flex-end;
  padding-right: 0.5em;
}

.media__body {
  grid-area: body;
  display: flex;
}

.media__footer {
  grid-area: footer;
}

.media:hover {
  background-color: var(--media-background-highlight);
}
.media--embedded:hover {
  background-color: transparent;
}