// Link to footnote
a[aria-describedby="footnotes-label"] {
  @include govuk-font(14, $tabular: true);
  @include govuk-link-style-no-visited-state;
}

a[aria-describedby="footnotes-label"]:before {
  color: currentcolor;
  content: "[";
}

a[aria-describedby="footnotes-label"]:after {
  color: currentcolor;
  content: "]";
}

// Footnotes
.app-footnotes-list {
  @extend %govuk-list;
  counter-reset: footnotes;

  li {
    counter-increment: footnotes;
    padding: govuk-spacing(3);
    padding-left: govuk-spacing(8);
    position: relative;
  }

  li:before {
    @include govuk-font(19, $tabular: true);
    content: counter(footnotes) ".";
    position: absolute;
    left: govuk-spacing(4);
  }

  a[aria-label="Back to content"] {
    @include govuk-link-style-no-visited-state;
    position: relative;
    text-underline-offset: 0;
    top: 2px;
  }

  :target {
    background-color: govuk-tint($govuk-focus-colour, 75%);
  }

  :last-child {
    margin-bottom: 0;
  }
}