.grav-c-nav-link {
  display: inline-block;
  padding: $grav-sp-inset-squished-xs;
  color: $grav-co-neutral-asphalt;
  text-decoration: none;
  white-space: nowrap;


  &[href] {
    @include gravy-font(primary);

    &:link,
    &:visited {
      color: $grav-co-neutral-asphalt;
    }

    &:hover,
    &:active {
      border-color: $grav-co-accent-secondary;
      color: $grav-co-neutral-warm-grey;
    }
  }
}