src/components/Button.module.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

.btn {
  -webkit-appearance: none;
  outline: none;
  color: var(--color-btn-fg);
  background: var(--color-btn-bg);
  border: 1px solid #555;
  border-radius: 100px;
  padding: 6px 12px;
  user-select: none;
  &:hover {
    background: #387cec;
    border: 1px solid #387cec;
    color: #fff;
    // background: darken(#555, 3%);
  }
  &:active {
    transform: scale(0.97);
  }
}