// Footnotes
//
//


.footnote {
  &:after {
    content: ')';
    font-weight: 700;
  }
  @at-root .footnotes-lifted & {
    text-decoration: none;
    cursor: text;
    color: $brand-primary;
  }
}

.footnotes {
  ol {
    list-style-type: none;
    margin-bottom: 0;
  }
  li {
    counter-increment: step-counter;
    text-indent: -3em;
    p:before {
      content: counter(step-counter) ')';
      display: inline-block;
      box-sizing: border-box;
      width: 3em;
      padding-right: .5em;
      text-align: right;
      color: $brand-primary;
      font-weight: 700;
    }
  }
  @at-root html:not(.footnotes-lifted) & {
    position: relative;
    margin-top: $section-margin;
    padding-top: $section-margin / 2;
    @extend p.small;
    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 25%;
      right: 25%;
      border-top: 1px solid $gray-n3;
    }
  }
  @at-root html.footnotes-lifted & {
    margin-top: 0;
    @extend p.smaller;
    li {
      @include aside;
    }
    .reversefootnote {
      display: none;
    }
  }
}
// Footnotes
//
//


.footnote {
  &:after {
    content: ')';
    font-weight: 700;
  }
  @at-root .footnotes-lifted & {
    text-decoration: none;
    cursor: text;
    color: $brand-primary;
  }
}

.footnotes {
  ol {
    list-style-type: none;
    margin-bottom: 0;
  }
  li {
    counter-increment: step-counter;
    text-indent: -3em;
    p:before {
      content: counter(step-counter) ')';
      display: inline-block;
      box-sizing: border-box;
      width: 3em;
      padding-right: .5em;
      text-align: right;
      color: $brand-primary;
      font-weight: 700;
    }
  }
  @at-root html:not(.footnotes-lifted) & {
    position: relative;
    margin-top: $section-margin;
    padding-top: $section-margin / 2;
    @extend p.small;
    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 25%;
      right: 25%;
      border-top: 1px solid $gray-n3;
    }
    .reversefootnote {
      font-size: 0;
      &:after {
        content: '\f112';
        font-family: FontAwesome;
        font-size: .84rem;
        padding: 0 .5em;
      }
    }
  }
  @at-root html.footnotes-lifted & {
    margin-top: 0;
    @extend p.smaller;
    li {
      @include aside;
    }
    .reversefootnote {
      display: none;
    }
  }
}
Change the icon of the reverse footnote
Change the icon of the reverse footnote
