/* Blog Hero */
@media (min-width: 480px) {
  .blog-hero__meta > *::before {
    content: "|";
    margin: 0 0.5em 0 0.5em;
  }
}
.blog-hero__meta > *:first-of-type::before {
  display: none;
}
:is(.blog-hero__category, .blog-hero__author-name) span a {
  color: var(--white);
  position: relative;
}
:is(.blog-hero__category, .blog-hero__author-name) span a:hover::after {
  content: "";
  display: flex;
  width: 100%;
  height: 1.5px;
  background-color: var(--white);
  position: absolute;
  bottom: -0.25em;
}