Almost ready.
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / components / _support.scss
1 .c-support {
2   display: flex;
3   margin-top: 50px;
4   background: #96C13D;
5   border-radius: 15px;
6   overflow: hidden;
7   justify-content: center;
8   align-items: center;
9
10   h2 {
11     margin: 0 auto;
12     font-style: italic;
13     font-weight: 400;
14     font-size: 34px;
15     line-height: 47px;
16     letter-spacing: -0.02em;
17     color: #ffffff;
18     span {
19       color: #007880;
20     }
21   }
22
23   figure {
24     margin: 0;
25     font-size: 0;
26     position: relative;
27   }
28
29   a {
30     width: 100%;
31     margin: 40px auto 0;
32     font-weight: 600;
33     font-size: 22px;
34     line-height: 28px;
35     color: #ffffff;
36     display: flex;
37     align-items: center;
38     justify-content: center;
39     text-align: center;
40     padding: 12px 22px 14px 28px;
41     background: #007880;
42     border-radius: 5px;
43     transition: all $ease-dynamic 350ms;
44
45     &:hover {
46       background: $color-yellow;
47     }
48   }
49 }
50
51 .c-support__content {
52   padding: 16px 32px 30px 32px;
53 }