.link--arrow {
  text-decoration: none;
  letter-spacing: 0.04px;
  font-weight: 600;
  font-family: var(--primary-typography);
  display: inline-block;
  vertical-align: middle;

  &:hover {
    text-decoration: underline;
  }

  &:after {
    content: '\00a0\f054';
    font-family: "FontAwesome";
    font-size: 0.65em;
    display: inline-block;
    vertical-align: middle;
    color: var(--accent-03);
    margin-left: 2px;
  }

  &.tracking-px {
    letter-spacing: 1px;
  }
}

.nested__link--arrow {
  a {
    text-decoration: none;
    letter-spacing: 0.04px;
    font-weight: 600;
    font-family: var(--primary-typography);
    display: inline-block;
    vertical-align: middle;

    &:hover {
      text-decoration: underline;
    }

    &:after {
      content: '\00a0\f054';
      font-family: "FontAwesome";
      font-size: 0.65em;
      display: inline-block;
      vertical-align: middle;
      color: var(--accent-03);
      margin-left: 2px;
    }
  }

  &.tracking-px {
    letter-spacing: 1px;
  }
}