webapp

1
:root {
2
  --primary: #fff;
3
}
4

5
.btn {
6
  padding: 8px 20px;
7
  border-radius: 2px;
8
  outline: none;
9
  border: none;
10
  cursor: pointer;
11
}
12

13
.btn--primary {
14
  background-color: var(--primary);
15
  color: #242424;
16
  border: 1px solid var(--primary);
17
}
18

19
.btn--outline {
20
  background-color: transparent;
21
  color: #fff;
22
  padding: 8px 20px;
23
  border: 1px solid var(--primary);
24
  transition: all 0.3s ease-out;
25
}
26

27
.btn--medium {
28
  padding: 8px 20px;
29
  font-size: 18px;
30
}
31

32
.btn--large {
33
  padding: 12px 26px;
34
  font-size: 20px;
35
}
36

37
.btn--large:hover,
38
.btn--medium:hover {
39
  transition: all 0.3s ease-out;
40
  background: #fff;
41
  color: #242424;
42
  transition: 250ms;
43
}
44