1 | .str-chat {
|
2 | &.messaging {
|
3 | .str-chat__load-more-button {
|
4 | &__button {
|
5 | border: 0;
|
6 | width: 100%;
|
7 | height: 40px;
|
8 | border-radius: var(--border-radius-md);
|
9 | background: var(--grey-whisper);
|
10 | box-shadow: 0 1px 5px 0 var(--border);
|
11 | color: var(--grey);
|
12 | padding: var(--xs-p);
|
13 | font-size: var(--md-font);
|
14 |
|
15 | &:hover {
|
16 | cursor: pointer;
|
17 | }
|
18 | }
|
19 | }
|
20 | }
|
21 |
|
22 | &.team {
|
23 | .str-chat__load-more-button {
|
24 | &__button {
|
25 | border: 0;
|
26 | background: transparent;
|
27 | width: 100%;
|
28 | height: 40px;
|
29 | padding: var(--xs-p);
|
30 | font-size: var(--md-font);
|
31 |
|
32 | &:hover {
|
33 | cursor: pointer;
|
34 | }
|
35 | }
|
36 | }
|
37 | }
|
38 | }
|
39 |
|
40 | .str-chat__load-more-button__button {
|
41 | display: flex;
|
42 | align-items: center;
|
43 | justify-content: center;
|
44 | }
|