a,
.link {
  color: $color-brand--one;
  text-decoration: none;
  cursor: pointer;
}

@include link-color-map;

// transition text-decoration for browsers that support it
@supports (text-decoration-style: solid) {
  a,
  .link {
    text-decoration: underline solid transparent;
    transition: text-decoration $transition-duration--fast;

    /*add those for opera and mozilla support*/
    -webkit-text-decoration: underline solid inherit;
    -moz-text-decoration: underline solid inherit;

    &:hover {
      text-decoration: underline solid currentColor;
    }
  }
}
