.footnote {
  border: 1px solid $muted-text-color;
  border-radius: 1em;
  color: $text-color;
  display: inline;
  font-size: .75em;
  font-weight: 700;
  padding: 0 .75em;
  text-decoration: none;
  margin: 0 .25em;
  &:hover,
  &:focus {
    background: $brand-color;
    border-color: $brand-color;
  }
}

.footnotes::before {
  content: '';
  @include divider;
  margin: 4em auto;
}

.footnotes {
  margin-bottom: 4em;
}

.footnotes li {
  margin-bottom: 1em;
}

.reversefootnote {
  font-size: .75em;
  opacity: .75;
}