<button> reset

button-reset.scss

//
// <button> reset
//

// 1. Remove default browser appearance for buttons.
// 2. Remove margins.
// 3. Remove borders for IE.
// 4. Normalize font and color  not inherited by `button`.
// 5. Address `overflow` in IE
// 6. Normalize cursor style
// 7. Normalize line-height
// 8. Normalize text-align
// 9. Remove inner padding and border in Firefox 4+.
.button--reset {
  // 1
  appearance: none;
  background: none;
  // 2
  padding: 0;
  margin: 0;
  // 3
  border-width: 0;
  // 4
  font: inherit;
  text-decoration: none;
  color: inherit;
  //5
  overflow: visible;
  // 6
  cursor: pointer;
  // 7
  line-height: normal;
  // 8
  text-align: inherit;

  // 9
  &::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
}