.posts {
  .wrapper:first-child {
    display: flex;
    flex-direction: column;
  }

  .post-filter {
    align-self: flex-end;
    margin-bottom: 2rem;
    list-style: none;
    display: flex;

    li {
      display: inline-block;
      
      + li {
        margin-left: 1.5rem;
      }

      a {
        font-weight: 600;
        text-decoration: none;
      }

      &.active a {
        text-decoration: underline;
        cursor: default;
      }
    }
  }
}

@media (max-width: 575.98px) {
  .posts {
    h1 {
      font-size: 1.75rem;
    }

    .post-filter {
      align-self: flex-start;
    }
  }
}
