.ui-link {
  color: ui-color(blue);
  font-weight: bold;
  font-family: Specter Bold;
  text-decoration: none;

  border-radius: 0px;

  &:visited {
    color: ui-color(blue);
    text-decoration: none;
  }

  &:hover {
    text-decoration: underline;
  }

  &--inherit-color {
    &,
    &:visited,
    &:hover,
    &:active {
      color: inherit;
    }
  }

  &--with-decoration {
    text-decoration: underline;

    &:hover,
    &:focus {
      text-decoration: underline;
    }
  }

  &--button {
    background: 0;
    border: 0;
    cursor: pointer;
  }

  &--coral {
    color: ui-color(coral);

    &:visited {
      color: ui-color(coral);
    }

    &:active {
      color: ui-color(coral);
    }
  }

  &--natural {
    color: ui-color(natural);

    &:visited {
      color: ui-color(natural);
    }

    &:active {
      color: ui-color(natural);
    }
  }

  &:active {
    color: ui-color(blue);
  }
}