.blog-posts {
  margin-top: 20px;
}
.blog-posts .posts {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog-posts .post:hover {
  transition: 100ms;
  background-color: var(--infoFgHighlight);
}
.blog-posts .postLink, .blog-posts .postLink:visited {
  color: unset;
}
.blog-posts .postLink:hover::after {
  display: none;
}
@media screen and (max-width: 500px) {
  .blog-posts .post {
    padding: 10px;
  }
}
.blog-posts .post {
  background: var(--infoFg);
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: gray;
}