List Item

.list_item {
  color: $grey_darkest;
  color: var(--grey_darkest, $grey_darkest);
  padding: $space_one_half $spacer;
  font-size: 1rem;
  max-width: 100%;

  > span {
    background-color: $grey_lightest;
    background-color: var(--grey_lightest, $grey_lightest);
    padding: $space_one_half $spacer;
    width: 100%;

    .color-scheme-dark & {
      background-color: $dark_mode_grey;
      background-color: var(--dark_mode_grey, $dark_mode_grey);
      color: $white;
      color: var(--white, $white);
    }
  }

  a {
    color: $grey_darkest;
    color: var(--grey_darkest, $grey_darkest);
    position: relative;
    font-weight: normal;
    border: 0;
    text-decoration: underline;

    .color-scheme-dark & {
      color: $white;
      color: var(--white, $white);
      border: 0;
    }

    > span {
      &.extlink,
      &.fa-external-link {
        width: unset;
        padding: 0;
      }
    }

    &:hover,
    &:focus {
      text-decoration: none;
      border-bottom: 0 !important;
    }
  }

  p {
    &:last-of-type {
      margin: 0;
    }
  }
}