src/components/Button.module.css


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

.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;
  &:focus {
    border-color: var(--color-focus-blue);
  }
  &:hover {
    background: #387cec;
    border: 1px solid #387cec;
    color: #fff;
    /* background: darken(#555, 3%); */
  }
  &:active {
    transform: scale(0.97);
  }
}