.button--clean, // ! this is not a modifier on button, should be changed to button-clean
.button-clean {
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
  transition: text-decoration $transition-duration--fast;
  white-space: nowrap;

  &:focus {
    outline: auto;
  }

  @include bg-variants() {
    color: variant-property('linkIdle');
  }

  .icon {
    color: currentColor;
  }
}