/*
---
name: Button
category:
  - object/component
  - object/component/btn
---

```html
<a class="_c-btn" role="button">btn</a>
```
```html
<a class="_c-btn _c-btn--block" role="button">btn</a>
```
```html
<a class="_c-btn _c-btn--ghost" role="button">btn</a>
```
*/

.{_prefix}c-btn {
  _btn({
    background-color: #fff,
    border: 1px solid _light(_color-gray),
  });

  color: _color-text;

  &--block {
    display: block;
  }

  &--ghost {
    _ghost();
  }
}