// Button Icons
// --------------------------------------------------


button,
[button] {

  &.icon-left icon {
    margin-left: -0.2em;
    padding-right: 0.4em;
  }

  &.icon-right icon {
    margin-right: -0.2em;
    padding-left: 0.3em;
  }

  &.icon-only {
    padding: 0;
    min-width: 0.9em;

    icon {
      padding: 0 0.9em;
    }
  }

  icon {
    background: none;
    border: none;
    pointer-events: none;
  }

  &[small] icon {
    margin-left: 0;
    margin-right: 0;
    font-size: 1.4em;
  }

}