/*
===
2.7 Button
===

### Button Mixin

`input[type="button"]`、`button`などのButtonを示す要素のスタイルをリセットします。

```scss
button {
  @include button;
}
```

*/

@mixin button {
  display: inline-block;
  text-align: center;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  position: relative;
  padding: 0;
  margin: 0;

  &:hover {
    text-decoration: none;
  }

  &:disabled,
  &[disabled] {
    cursor: default;
  }
}