// Color is going to change.
.cta {
  color: color(black);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: font-weight(semibold);
  line-height: initial;
  .icon {
    width: .75em;
    height: .75em;
    font-size: 1em;
  }
  &:hover {
    color: lighten(black, 15%);
  }
  &:active,
  &:focus {
    color: lighten(black, 30%);
  }
  &:visited {
    color: color(black);
  }
}

// Color is going to change.
.cta,
a.cta {
  color: color(black);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: font-weight(semibold);
  line-height: initial;
  cursor: pointer;
  .icon {
    width: .75em;
    height: .75em;
    font-size: 1em;
  }
  &:hover {
    color: lighten(black, 15%);
  }
  &:active,
  &:focus {
    color: lighten(black, 30%);
  }
  &:visited {
    color: color(black);
  }
}

Add specific selector to override anchors with cta's and forced cursor pointer.
fix(CTA's): Add specific selector to override anchors with cta's and forced cursor pointer.
