// ==================================================================
// Links
// ==================================================================
//
.sprk-b-Link {
  color: $link-color;
  text-decoration: none;
  position: relative;
  transition: $link-transition;

  &:visited {
    color: $link-visited-color;
  }

  &:hover,
  &:active,
  &:focus {
    color: $link-underline-color;
    text-decoration: none;
  }

  &::after {
    content: '';
    top: 100%;
    left: 0;
    height: 0.125em;
    width: 100%;
    position: absolute;
    background: $link-underline-color;
  }
}

.sprk-b-Link--standalone {
  color: $link-standalone-color;

  &:hover,
  &:active,
  &:focus {
    &::after {
      opacity: 1;
      transition: $link-transition;
    }
  }

  &::after {
    content: none;
  }
}

.sprk-b-Link--muted {
  color: $link-muted-color;

  &:visited {
    color: $link-muted-color;
  }

  &:hover,
  &:active,
  &:focus {
    color: $link-muted-color;
  }
}

.sprk-b-Link--disabled {
  color: $link-disabled-color;
  pointer-events: none;

  &:visited {
    color: $link-disabled-color;
  }

  &:hover,
  &:active,
  &:focus {
    color: $link-disabled-color;
  }

  &::after {
    content: none;
  }
}

// ==================================================================
// Links
// ==================================================================
//
.sprk-b-Link {
  color: $link-color;
  text-decoration: none;
  position: relative;
  transition: $link-transition;

  &:visited {
    color: $link-visited-color;
  }

  &:hover,
  &:active,
  &:focus {
    color: $link-underline-color;
    text-decoration: none;
  }

  &::after {
    content: '';
    top: 100%;
    left: 0;
    height: 0.125em;
    width: 100%;
    position: absolute;
    background: $link-underline-color;
  }
}

.sprk-b-Link--standalone {
  color: $link-standalone-color;

  &:hover,
  &:active,
  &:focus {
    &::after {
      opacity: 1;
      transition: $link-transition;
    }
  }

  &::after {
    opacity: 0;
  }
}

.sprk-b-Link--muted {
  color: $link-muted-color;

  &:visited {
    color: $link-muted-color;
  }

  &:hover,
  &:active,
  &:focus {
    color: $link-muted-color;
  }
}

.sprk-b-Link--disabled {
  color: $link-disabled-color;
  pointer-events: none;

  &:visited {
    color: $link-disabled-color;
  }

  &:hover,
  &:active,
  &:focus {
    color: $link-disabled-color;
  }

  &::after {
    background: $link-disabled-color;
  }
}

Add underline to disabled link and fix standalone link
Add underline to disabled link and fix standalone link
