.post-list .post-card#archive
  a.post
    display: inline-flex
    align-items: baseline
    margin: 0.25rem 0
    font-weight: 500
    color: var(--text-p2)
    &:hover
      color: $color-hover
    time
      font-family: $ff-code
      margin-right: 1em
      font-weight: 700
      flex-shrink: 0
      opacity 0.5

.post-list .post-card#cats
  a.cat
    display: flex
    &.child
      padding-left: 2rem
    font-weight: 500
    padding: 0.5rem 1rem
    border-radius: $border-block
    color: var(--text-p2)
    align-items: center
    &:hover
      background: var(--block)
      color: var(--text-p1)
    .badge
      opacity 0.5
      font-size: $fs-13
      margin-left: .5em

.post-list .post-card#tags
  a.tag
    display: inline-flex
    align-items: center
    position: relative
    font-weight: 500
    color: var(--text-p2)
    padding: .5rem
    border-radius: $border-block
    &:hover
      color: var(--text-p1)
      background: var(--block)
    span
      margin: 0 0.25rem
    .badge
      opacity 0.5
      font-weight: 700