.posts-list {
  .post {
    display: block;
    color: inherit;
    text-decoration: none;

    &:not(:first-child) {
      margin-top: 4rem;
    }

    .title {
      font-size: 2.25rem;
    }

    .summary {
      font-size: 1.1rem;
    }

    .meta {
      font-size: 0.8rem;

      .date {
        color: var(--text-600);
      }

      .duration {
        color: color-mix(in srgb, var(--text) 50%, var(--background));
      }
    }
  }

  .post:hover h1,
  .post:hover p {
    color: var(--text-900);
  }
}