financial-assistant

1
.button {
2
  @include flex(
3
    $justify-content: center,
4
    $align-items: center,
5
    $text-align: center
6
  );
7

8
  cursor: pointer;
9
  background-color: $color-button-background;
10
  font: $font-header3;
11
  color: $color-text-light;
12
  width: 30rem;
13
  height: 30rem;
14
  padding: 1rem;
15
  border-radius: 40px;
16
  transition: all 0.5s ease-in-out;
17

18
  &:hover {
19
    scale: 1.1;
20
    box-shadow: 0px 0px 20px 0px #ffffff5a;
21
  }
22
}
23

24
.button__thin {
25
  @include flex(
26
    $justify-content: center,
27
    $align-items: center,
28
    $text-align: center
29
  );
30

31
  cursor: pointer;
32
  background-color: $color-button-background;
33
  font: $font-small;
34
  color: $color-text-light;
35
  width: 20rem;
36
  height: 8rem;
37
  padding: 1rem;
38
  border-radius: 10px;
39
  transition: all 0.5s ease-in-out;
40

41
  &:hover {
42
    scale: 1.1;
43
    box-shadow: 0px 0px 20px 0px #ffffff5a;
44
  }
45
}
46

47