/* <VideoPlay/> — sits inline inside meta rows. Uses vertical-align:
   middle so it sits on the visual midline of the surrounding text
   regardless of whether the parent is a flex (.feed-meta, .hnmeta-
   when-flexed) or a plain inline run (.hnmeta as <p>). Without
   middle, an inline-flex's default baseline is its margin-bottom
   edge — that puts the icon visibly BELOW the text. */

.video-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 0;
}
.video-play svg {
  display: block;
}