financial-assistant

1
.base__wrapper {
2
  width: 100%;
3
  height: 100vh;
4
  overflow: hidden;
5
  padding: 5rem 0;
6

7
  @include flex($gap: 5rem, $justify-content: center);
8

9
  ::-webkit-scrollbar {
10
    width: 3px;
11
  }
12

13
  ::-webkit-scrollbar-thumb {
14
    background-color: $color-text-light;
15
    border-radius: 5px;
16
  }
17
}
18

19
.base__buttons {
20
  @include flex(
21
    $gap: 20rem,
22
    $justify-content: space-evenly,
23
    $align-items: center
24
  );
25
  flex-wrap: wrap;
26
}
27

28
.base__content {
29
  &.hidden {
30
    display: none;
31
  }
32

33
  width: 100%;
34
  flex-shrink: 5;
35

36
  overflow-y: scroll;
37
}
38

39
.base__buttons_list {
40
  @include flex($direction: column, $gap: 5rem);
41
  width: fit-content;
42
  padding: 2rem 40px 10rem 40px;
43

44
  height: 100vh;
45
  overflow-y: scroll;
46
}
47