.c-action-link {
  @include use-font('body', 'regular');
  border-bottom: solid 1px use-color('event', 'info');
  color: use-color('event', 'info');
  line-height: inherit;
  text-decoration: none;

  @include modifier('disabled') {
    border-bottom: solid 1px use-color('grey', light);
    color: use-color('grey', light);
    text-decoration: none;

    [class^='icon-'],
    [class*=' icon-'] {
      color: use-color('grey', light);
    }
  }

  &:hover {
    border-bottom: solid 1px use-color(base, 'black');
    color: use-color(base, 'black');
    cursor: pointer;

    @include if-block-has-modifier('c-action-link','disabled', true) {
      border-bottom: solid 1px use-color('grey', light);
      color: use-color('grey', light);
      cursor: not-allowed;
      text-decoration: none;

      [class^='icon-'],
      [class*=' icon-'] {
        color: use-color('grey', light);
      }
    }

    [class^='icon-'],
    [class*=' icon-'] {
      color: use-color(base, 'black');
    }
  }

  &:active {
    border-bottom: solid 1px use-color(secondary);
    color: use-color(secondary);
  }

  &:disabled,
  &[disabled] {
    border-bottom: solid 1px use-color('grey', light);
    color: use-color('grey', light);
    cursor: not-allowed;
    text-decoration: none;
  }
}