@meduza/ui-kit-2 0.2.11 → 0.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.2.11",
2
+ "version": "0.2.13",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -5,21 +5,23 @@
5
5
  z-index: 10;
6
6
 
7
7
  display: block;
8
- overflow: hidden;
9
8
 
10
9
  margin: calc(15rem / 16) 0;
11
- padding: 25px 12px 22px;
10
+ padding: 25px 20px 14px;
11
+ overflow: hidden;
12
+
13
+ color: #ffa7b2;
14
+
15
+ font-family: $secondaryFont;
12
16
 
13
17
  text-decoration: none;
14
18
 
15
- color: #fff;
19
+ background-color: #000;
16
20
  border-radius: 8px;
17
21
  outline-width: 0;
18
- background-color: #000;
19
-
20
- font-family: $secondaryFont;
21
22
 
22
23
  @media $mobile {
24
+ min-height: 342px;
23
25
  margin: 25px 0 20px;
24
26
  padding: 20px 35px 20px 20px;
25
27
  }
@@ -29,24 +31,26 @@
29
31
  .root::after {
30
32
  position: absolute;
31
33
 
32
- content: '';
33
-
34
34
  background-repeat: no-repeat;
35
+
36
+ content: '';
35
37
  }
36
38
 
37
39
  .root::after {
38
- z-index: -1;
39
40
  top: 0;
40
41
  right: 0;
41
42
  bottom: 0;
42
43
  left: 0;
44
+ z-index: -1;
43
45
 
44
- background-image: url('https://meduza.io/image/attachments/images/007/392/866/original/UjFqeubutYUUyLZMZ157Lg.png');
45
- background-position: center top;
46
- background-size: 650px auto;
46
+ background-image: url('https://meduza.io/image/attachments/images/007/490/343/original/vzAgaHp5AQhXYGvpL803uQ.jpg');
47
+ background-position: bottom right;
48
+ background-size: 335px 412px;
47
49
 
48
50
  @media $mobile {
49
- background-image: url('https://meduza.io/image/attachments/images/007/392/874/original/P_6ounOgg_NOpzxMrkjVuA.png');
51
+ background-image: url('https://meduza.io/image/attachments/images/007/490/327/original/t69_zEp-9TkQjqnFIKVfJw.jpg');
52
+ background-position: center bottom;
53
+ background-size: 650px auto;
50
54
  }
51
55
  }
52
56
 
@@ -54,15 +58,13 @@
54
58
  position: relative;
55
59
  z-index: 10;
56
60
 
57
- max-width: 545px;
58
- margin-bottom: 33px;
61
+ margin-bottom: 50px;
59
62
 
60
- @media $mobile {
61
- margin-bottom: 40px;
62
- }
63
+ cursor: pointer;
63
64
  }
64
65
 
65
66
  .body p {
67
+ max-width: 545px;
66
68
  margin: 0;
67
69
 
68
70
  font-size: 16px;
@@ -75,15 +77,15 @@
75
77
 
76
78
  .title {
77
79
  max-width: 315px;
78
- margin: 0 0 10px;
80
+ margin: 0 0 12px;
79
81
 
80
- font-size: 27px;
81
82
  font-weight: 700;
83
+
84
+ font-size: 27px;
82
85
  line-height: 30px;
83
86
 
84
87
  @media $mobile {
85
88
  max-width: initial;
86
- margin: 0 0 10px;
87
89
 
88
90
  font-size: 32px;
89
91
  line-height: 38px;
@@ -93,49 +95,107 @@
93
95
  .footer {
94
96
  display: flex;
95
97
  flex-flow: row nowrap;
96
- justify-content: flex-end;
98
+
99
+ @media $mobile {
100
+ justify-content: flex-end;
101
+ }
97
102
  }
98
103
 
99
104
  .button {
100
105
  display: block;
101
106
 
102
107
  width: 100%;
103
- max-width: 315px;
104
- padding: 13px 0;
105
-
106
- text-align: center;
107
- text-decoration: none;
108
- letter-spacing: 1px;
109
- text-transform: uppercase;
108
+ max-width: 295px;
110
109
 
111
110
  color: #000;
112
- border-radius: 25px;
113
- background-color: #fff;
111
+ font-weight: 600;
114
112
 
115
113
  font-size: 12px;
116
- font-weight: 600;
117
114
  line-height: 16px;
115
+ letter-spacing: 1px;
116
+
117
+ text-align: center;
118
+ text-transform: uppercase;
119
+ text-decoration: none;
120
+
121
+ border-radius: 25px;
118
122
 
119
123
  @media $mobile {
120
- max-width: 315px;
124
+ width: auto;
125
+ max-width: none;
121
126
  }
122
127
  }
123
128
 
129
+ .buttonText {
130
+ display: block;
131
+
132
+ margin: 0 auto;
133
+
134
+ background-repeat: no-repeat;
135
+ background-position: center;
136
+ background-size: contain;
137
+ }
138
+
139
+ .buttonText span {
140
+ position: absolute;
141
+
142
+ visibility: hidden;
143
+ }
144
+
124
145
  .button:hover {
125
146
  opacity: 0.75;
126
147
  }
127
148
 
128
149
  .button::after {
129
150
  position: absolute;
130
- z-index: 20;
131
151
  top: 0;
132
152
  right: 0;
133
153
  bottom: 0;
134
154
  left: 0;
155
+ z-index: 20;
156
+
157
+ content: '';
158
+ }
159
+
160
+ .buttonInner {
161
+ position: relative;
162
+ z-index: 1;
163
+
164
+ padding: 18px 25px;
165
+ }
166
+
167
+ .buttonInner::after,
168
+ .buttonInner::before {
169
+ position: absolute;
170
+ z-index: -1;
171
+
172
+ border-radius: 40px;
135
173
 
136
174
  content: '';
137
175
  }
138
176
 
177
+ .buttonInner::after {
178
+ top: 0;
179
+ right: 0;
180
+ bottom: 0;
181
+ left: 0;
182
+
183
+ background-color: #000;
184
+
185
+ filter: blur(5px);
186
+ }
187
+
188
+ .buttonInner::before {
189
+ top: 5px;
190
+ right: -5px;
191
+ bottom: 5px;
192
+ left: -5px;
193
+
194
+ background: #ffa7b2;
195
+
196
+ filter: blur(7px);
197
+ }
198
+
139
199
  /* Mods */
140
200
 
141
201
  .center {
@@ -158,9 +218,23 @@
158
218
  }
159
219
  }
160
220
 
161
- .en.root::before {
162
- @media $mobileMax {
163
- top: -8px;
164
- right: -23px;
221
+ .ru .buttonText {
222
+ width: 100%;
223
+ height: 20px;
224
+
225
+ background-image: url("data:image/svg+xml,%3Csvg width='226' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.618 2.02a1.432 1.432 0 0 0-.606-1.171 1.459 1.459 0 0 0-1.865.185 40.629 40.629 0 0 1-2.799 2.515.712.712 0 0 1-.909 0 40.627 40.627 0 0 1-2.798-2.515l-.02-.019a1.43 1.43 0 0 0-2.456 1.008c0 4.738-1.132 9.479-1.147 14.219 0 1.43 1.12 2.656 2.544 2.673a2.577 2.577 0 0 0 2.607-2.578c0-3.044-.465-6.09-.802-9.136a.358.358 0 0 1 .636-.263l.239.3a2.102 2.102 0 0 0 3.292 0l.24-.3a.358.358 0 0 1 .637.263c-.34 3.012-.793 6.024-.803 9.034 0 1.433 1.116 2.663 2.544 2.68a2.577 2.577 0 0 0 2.607-2.578c.005-4.77-1.141-9.545-1.141-14.318ZM39.882.663c-.81-.339-1.41-.1-1.808.431l-.016.022c-.25.633-.754 2.003-.927 2.871a.304.304 0 0 1-.53.14c-.73-.849-2.055-2.424-2.556-2.967a1.462 1.462 0 0 0-1.852-.436 1.433 1.433 0 0 0-.464 2.12c.799 1.04 3.042 4.36 3.595 5.114a1.473 1.473 0 0 1 .189 1.238c-.798 2.788-.716 2.3-1.983 6.655-.589 2.02 1.104 3.019 2.544 3.034 1.44.015 2.334-.509 2.607-2.578.446-3.572 1.79-13.463 1.79-13.463.108-.81.296-1.803-.59-2.18ZM146.745.663c-.809-.339-1.409-.1-1.806.431l-.017.022c-.251.633-.755 2.003-.928 2.871a.301.301 0 0 1-.387.231.304.304 0 0 1-.14-.092c-.733-.848-2.057-2.423-2.558-2.966a1.458 1.458 0 0 0-1.85-.436 1.434 1.434 0 0 0-.466 2.12c.798 1.04 3.042 4.36 3.595 5.114a1.46 1.46 0 0 1 .188 1.238c-.797 2.788-.714 2.3-1.982 6.655-.589 2.02 1.104 3.019 2.544 3.034 1.44.015 2.333-.509 2.608-2.578.446-3.572 1.789-13.463 1.789-13.463.109-.81.297-1.803-.59-2.18ZM16.832 15.975l-.044-.34c-.848-2.949-2.142-5.766-3.31-8.626a1.433 1.433 0 0 1 .13-1.326 39.242 39.242 0 0 1 1.975-2.774 1.433 1.433 0 0 0-2.253-1.771c-.885 1.168-2.41 2.768-3.037 3.416a.17.17 0 0 1-.212.018 42.207 42.207 0 0 1-.07-1.224V2.127c.006-.386-.13-.76-.381-1.054A1.389 1.389 0 0 0 8.624.592h-.117a1.39 1.39 0 0 0-1.006.481 1.582 1.582 0 0 0-.381 1.054v1.22c-.017.41-.041.817-.07 1.225a.17.17 0 0 1-.212-.018C6.21 3.906 4.686 2.306 3.8 1.138a1.433 1.433 0 0 0-2.252 1.77c.7.89 1.357 1.822 1.973 2.775a1.43 1.43 0 0 1 .132 1.326c-.584 1.429-1.2 2.848-1.778 4.278A43.83 43.83 0 0 0 .35 15.635l-.042.34a2.607 2.607 0 0 0 1.738 2.822 2.576 2.576 0 0 0 3.261-1.749c.804-2.84.528-5.987 1.29-8.84a.299.299 0 0 1 .118-.169.28.28 0 0 1 .2-.044.283.283 0 0 1 .246.29c-.047 2.401-.946 4.774-1.141 7.17-.026.296-.04.592-.04.89a2.58 2.58 0 0 0 2.569 2.577h.045a2.579 2.579 0 0 0 2.566-2.573c0-.296-.013-.593-.039-.888-.195-2.397-1.093-4.77-1.141-7.171a.283.283 0 0 1 .246-.29.28.28 0 0 1 .2.044c.059.04.1.1.119.17.761 2.852.485 5.998 1.289 8.84a2.578 2.578 0 0 0 3.261 1.748 2.607 2.607 0 0 0 1.739-2.827ZM124.892 2.067a1.467 1.467 0 0 0-1.382-1.48c-.424-.013-1.734.07-2.883.155-1.154-.085-2.461-.17-2.884-.154a1.467 1.467 0 0 0-1.382 1.479c0 4.757-1.146 9.516-1.146 14.273a2.567 2.567 0 0 0 .765 1.833 2.573 2.573 0 0 0 1.841.745c1.432-.017 2.555-1.245 2.544-2.676-.01-2.817-.412-5.636-.737-8.455-.024-.195-.195-2.001-.289-2.973a.57.57 0 0 1 .331-.572.57.57 0 0 1 .227-.052l.726-.017.728.017a.57.57 0 0 1 .558.626c-.092.972-.265 2.778-.287 2.973-.326 2.819-.727 5.638-.738 8.455 0 1.431 1.118 2.659 2.544 2.676a2.58 2.58 0 0 0 2.607-2.578c.004-4.76-1.135-9.518-1.143-14.275ZM114.117 13.477c0-2.768-.859-5.538-.859-8.31a4.58 4.58 0 0 0-9.159 0c0 2.769-.861 5.538-.861 8.31a5.441 5.441 0 0 0 9.29 3.848 5.442 5.442 0 0 0 1.595-3.848h-.006Zm-5.176.111a.299.299 0 0 1-.103.126.276.276 0 0 1-.16.05.268.268 0 0 1-.112-.023.296.296 0 0 1-.127-.103.27.27 0 0 1-.049-.17c0-2.96-.86-5.919-.86-8.879a1.147 1.147 0 0 1 2.293 0c0 2.96-.86 5.92-.86 8.88a.262.262 0 0 1-.022.12ZM90.024 15.975l-.043-.339c-.848-2.95-2.14-5.766-3.309-8.626a1.437 1.437 0 0 1 .131-1.328 38.51 38.51 0 0 1 1.974-2.773 1.432 1.432 0 1 0-2.25-1.77c-.888 1.167-2.41 2.768-3.038 3.415a.17.17 0 0 1-.283-.115V2.127c.006-.385-.13-.76-.382-1.053a1.406 1.406 0 0 0-2.062-.064 1.448 1.448 0 0 0-.409.851v.027c-.002.045-.002.09 0 .134v.046c-.008 4.727-1.131 9.455-1.146 14.182 0 1.43 1.119 2.656 2.544 2.671a2.576 2.576 0 0 0 2.606-2.576c0-2.7-1.126-5.36-1.187-8.061a.287.287 0 0 1 .565-.073c.761 2.854.485 6 1.287 8.841a2.577 2.577 0 0 0 3.262 1.749 2.605 2.605 0 0 0 1.74-2.826ZM138.313 15.975l-.043-.339c-.848-2.95-2.14-5.766-3.309-8.626a1.437 1.437 0 0 1 .131-1.328 38.415 38.415 0 0 1 1.974-2.773 1.438 1.438 0 0 0 .296-1.055 1.427 1.427 0 0 0-1.034-1.208 1.431 1.431 0 0 0-1.513.493c-.887 1.167-2.41 2.768-3.037 3.415a.17.17 0 0 1-.252-.026.166.166 0 0 1-.031-.089V2.127c.006-.385-.13-.76-.382-1.053a1.405 1.405 0 0 0-2.062-.064 1.456 1.456 0 0 0-.409.851V2.068c-.009 4.727-1.131 9.455-1.147 14.182 0 1.43 1.12 2.656 2.544 2.671a2.58 2.58 0 0 0 2.408-1.583c.132-.314.199-.652.199-.993 0-2.7-1.126-5.36-1.187-8.061a.287.287 0 0 1 .565-.073c.761 2.854.485 6 1.287 8.841a2.576 2.576 0 0 0 3.261 1.749 2.606 2.606 0 0 0 1.741-2.826ZM101.026 2.022a1.427 1.427 0 0 0-.914-1.335 1.432 1.432 0 0 0-.561-.096 1.472 1.472 0 0 0-1.39 1.49V3.31a1.433 1.433 0 0 1-2.864 0V2.081a1.47 1.47 0 0 0-1.39-1.49 1.431 1.431 0 0 0-1.475 1.43v.001c0 4.773-1.146 9.548-1.146 14.321a2.578 2.578 0 1 0 5.156 0c0-2.481-.31-4.963-.607-7.445a.9.9 0 0 1 1.564-.702.899.899 0 0 1 .222.702c-.297 2.482-.608 4.964-.608 7.445a2.578 2.578 0 1 0 5.156 0c.004-4.774-1.143-9.548-1.143-14.321ZM71.513 15.776c-1.046-4.657-3.293-9.415-4.34-14.077a1.432 1.432 0 0 0-2.793 0c-1.046 4.657-3.294 9.415-4.34 14.077a2.578 2.578 0 0 0 2.111 3.11 2.626 2.626 0 0 0 2.936-2.057v-.022a.703.703 0 0 1 1.372 0v.022a2.624 2.624 0 0 0 2.934 2.057 2.58 2.58 0 0 0 2.12-3.11Zm-5.742-2.668a.39.39 0 0 1-.387-.43c.06-.62.099-1.24.099-1.865a.285.285 0 0 1 .284-.285.287.287 0 0 1 .287.287c0 .62.039 1.242.098 1.866a.392.392 0 0 1-.381.427ZM57.762 2.022A1.431 1.431 0 0 0 56.285.591a1.472 1.472 0 0 0-1.387 1.49V3.31a1.433 1.433 0 0 1-1.433 1.433 1.432 1.432 0 0 1-1.432-1.433V2.081a1.472 1.472 0 0 0-1.389-1.49 1.432 1.432 0 0 0-1.475 1.431c0 4.773-1.147 9.548-1.147 14.321a2.578 2.578 0 0 0 5.156 0c0-2.481-.31-4.962-.607-7.445a.899.899 0 1 1 1.786 0c-.297 2.483-.607 4.964-.607 7.445a2.578 2.578 0 0 0 5.156 0c.003-4.774-1.144-9.548-1.144-14.321ZM225.766 16.35a2.582 2.582 0 0 1-1.786 2.452 2.574 2.574 0 0 1-1.067.11 2.622 2.622 0 0 1-2.303-2.632v-.03a1.727 1.727 0 0 1 1.725-1.722h1.609a1.816 1.816 0 0 1 1.822 1.803v.019ZM223.188 13.17a2.022 2.022 0 0 1-2.007-2.263c.287-2.397.575-6.49.575-8.887a1.45 1.45 0 0 1 .6-1.16 1.443 1.443 0 0 1 1.291-.197 1.419 1.419 0 0 1 .974 1.357c0 2.395.288 6.489.577 8.885a2.029 2.029 0 0 1-.496 1.583 2.018 2.018 0 0 1-1.513.68l-.001.001ZM208.838 16.35a2.567 2.567 0 0 0 .765 1.833 2.584 2.584 0 0 0 1.842.745c1.431-.017 2.554-1.245 2.544-2.677 0-2.817-.412-5.636-.738-8.454a.864.864 0 0 1 .263-.723c.407-.386.817-.77 1.229-1.151a.436.436 0 0 1 .484-.066.432.432 0 0 1 .237.427c-.339 3.355-.902 6.711-.902 10.066a2.585 2.585 0 0 0 .766 1.833 2.589 2.589 0 0 0 1.842.745c1.43-.017 2.553-1.244 2.544-2.673-.015-4.737-1.143-9.476-1.144-14.211a1.417 1.417 0 0 0-1.326-1.422 1.456 1.456 0 0 0-.995.297 41.124 41.124 0 0 1-2.744 1.866.429.429 0 0 1-.658-.365v-.374a1.434 1.434 0 0 0-1.482-1.432 1.471 1.471 0 0 0-1.382 1.479c0 4.757-1.147 9.516-1.147 14.274l.002-.017ZM206.897 8.416a3.43 3.43 0 0 0-1.092-2.062.573.573 0 0 1-.098-.736c.369-.557.565-1.21.564-1.88a3.197 3.197 0 0 0-3.222-3.152h-3.938a1.431 1.431 0 0 0-1.433 1.433v.043c0 4.759-1.145 9.52-1.145 14.278a2.577 2.577 0 0 0 2.578 2.578h2.864a5.442 5.442 0 0 0 5.443-5.442c0-1.686-.28-3.374-.521-5.06Zm-4.179.436c-.224 1.542-.456 3.082-.456 4.624a.288.288 0 0 1-.175.265.287.287 0 0 1-.312-.062.275.275 0 0 1-.083-.203c0-1.542-.232-3.082-.456-4.624a.714.714 0 0 1 .741-.817.717.717 0 0 1 .741.817Zm.116-4.255h-1.722a.572.572 0 0 1-.405-.979.572.572 0 0 1 .405-.167h1.718a.576.576 0 0 1 .573.573.574.574 0 0 1-.573.573h.004ZM164.913 15.774c-1.049-4.657-3.294-9.413-4.342-14.077a1.432 1.432 0 0 0-2.291-.805c-.254.203-.43.488-.501.805-1.048 4.656-3.294 9.413-4.342 14.077a2.58 2.58 0 0 0 4.654 1.98c.191-.279.324-.594.394-.925v-.022a.605.605 0 0 1 .056-.16h-.05l.29-3.88a.4.4 0 0 1 0-.085c.06-.62.097-1.241.097-1.865a.286.286 0 0 1 .285-.285.288.288 0 0 1 .287.286c0 .621.037 1.242.098 1.866a.37.37 0 0 1 0 .105l.309 4.025v.022a2.619 2.619 0 0 0 2.934 2.057 2.579 2.579 0 0 0 2.122-3.119ZM194.976 10.948c-.098-.848-.229-1.696-.349-2.53-.12-.835-.509-1.956-1.082-2.48-.207-.188-.955-1.159-3.392-1.34h-1.303a.573.573 0 0 1-.404-.981.577.577 0 0 1 .408-.169h2.103c1.828 0 1.945-2.754.119-2.854h-4.23a1.434 1.434 0 0 0-1.433 1.431v.044c0 4.76-1.145 9.518-1.145 14.277a2.57 2.57 0 0 0 .754 1.824 2.582 2.582 0 0 0 1.824.754h2.864a5.442 5.442 0 0 0 5.441-5.442 21.26 21.26 0 0 0-.175-2.534Zm-4.528-2.095c-.224 1.542-.458 3.084-.458 4.624v.008a.283.283 0 0 1-.285.278.277.277 0 0 1-.202-.083.275.275 0 0 1-.083-.203 20.77 20.77 0 0 0-.144-2.312c-.086-.77-.202-1.542-.312-2.312a.73.73 0 0 1 .023-.312.72.72 0 0 1 .718-.506.715.715 0 0 1 .743.818ZM182.895 13.477c0-2.768-.859-5.538-.861-8.31a4.58 4.58 0 0 0-9.042-1.042 1.24 1.24 0 0 1-1.217.953 1.25 1.25 0 0 1-1.252-1.175 32.985 32.985 0 0 1-.056-1.886 1.426 1.426 0 0 0-.872-1.369 1.435 1.435 0 0 0-1.898.805c-.069.18-.101.371-.094.564 0 4.748-1.133 9.497-1.147 14.238 0 1.399 1.075 2.603 2.473 2.659a2.576 2.576 0 0 0 2.683-2.576c0-2.534-.322-5.07-.626-7.603a.773.773 0 0 1 .191-.607.783.783 0 0 1 .581-.262.776.776 0 0 1 .768.894c-.239 1.57-.509 3.143-.509 4.713a5.434 5.434 0 0 0 1.56 3.91 5.433 5.433 0 0 0 3.882 1.629 5.445 5.445 0 0 0 5.442-5.539l-.006.004Zm-5.155 0a.286.286 0 1 1-.572-.009c0-2.96-.862-5.919-.862-8.879a1.147 1.147 0 0 1 2.293 0c0 2.96-.859 5.92-.859 8.88v.008Z' fill='%23FFA7B2'/%3E%3C/svg%3E");
226
+
227
+ @media $mobile {
228
+ width: 226px;
229
+ }
230
+ }
231
+
232
+ .en .buttonText {
233
+ height: 18px;
234
+
235
+ background-image: url("data:image/svg+xml,%3Csvg width='241' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M65.379.006h-5.49a1.432 1.432 0 0 0-1.452 1.35 1.395 1.395 0 0 0 1.393 1.438h.76a.554.554 0 0 1 .557.585c-.231 3.953-1.038 7.906-1.051 11.857 0 1.394 1.086 2.592 2.475 2.607a2.507 2.507 0 0 0 2.538-2.507c0-3.985-.825-7.97-1.05-11.957a.553.553 0 0 1 .555-.585h.708a1.434 1.434 0 0 0 1.453-1.352A1.394 1.394 0 0 0 65.378.006ZM125.967.006h-5.489a1.431 1.431 0 0 0-1.451 1.35 1.398 1.398 0 0 0 1.393 1.438h.759a.559.559 0 0 1 .525.363.56.56 0 0 1 .033.222c-.231 3.953-1.038 7.906-1.051 11.857 0 1.394 1.084 2.592 2.475 2.607a2.509 2.509 0 0 0 2.537-2.507c0-3.985-.825-7.97-1.053-11.957a.561.561 0 0 1 .338-.541.55.55 0 0 1 .22-.044h.701a1.431 1.431 0 0 0 1.451-1.352 1.39 1.39 0 0 0-1.388-1.436ZM135.011.006h-5.489a1.431 1.431 0 0 0-1.451 1.35 1.398 1.398 0 0 0 1.393 1.438h.76a.558.558 0 0 1 .557.585c-.231 3.953-1.038 7.906-1.051 11.857 0 1.394 1.084 2.592 2.476 2.607a2.502 2.502 0 0 0 1.792-.723 2.511 2.511 0 0 0 .746-1.784c0-3.985-.825-7.97-1.053-11.957a.56.56 0 0 1 .558-.585h.701a1.431 1.431 0 0 0 1.451-1.352 1.392 1.392 0 0 0-1.39-1.436ZM182.379 2.89h3.421a1.431 1.431 0 0 0 1.451-1.353 1.385 1.385 0 0 0-.85-1.326 1.391 1.391 0 0 0-.543-.11h-5.435a1.394 1.394 0 0 0-1.389 1.39c0 4.644-1.116 9.29-1.116 13.934a2.51 2.51 0 0 0 1.548 2.318 2.511 2.511 0 0 0 3.469-2.318c0-2.173-.244-4.347-.505-6.52a1.396 1.396 0 0 1 1.383-1.558h.596a1.713 1.713 0 0 0 1.728-1.558 1.679 1.679 0 0 0-1.003-1.648 1.672 1.672 0 0 0-.666-.14H182.4a.572.572 0 0 1-.567-.447.558.558 0 0 1 .546-.665ZM86.845 12.921h-.99a2.23 2.23 0 0 1-2.218-1.997c-.07-.673-.149-1.345-.23-2.017a1.395 1.395 0 0 1 1.385-1.56h.594a1.713 1.713 0 0 0 1.728-1.557 1.673 1.673 0 0 0-1.669-1.788h-2.07a.571.571 0 0 1-.567-.447.558.558 0 0 1 .548-.66h3.425a1.432 1.432 0 0 0 1.45-1.352A1.394 1.394 0 0 0 86.838.107h-5.434A1.391 1.391 0 0 0 80.01 1.49c0 4.651-1.118 9.302-1.116 13.953a2.504 2.504 0 0 0 2.509 2.49h5.434a2.508 2.508 0 1 0 0-5.017l.007.005ZM231.612 12.921h-.99a2.228 2.228 0 0 1-2.217-1.997c-.071-.673-.148-1.346-.229-2.017a1.383 1.383 0 0 1 .341-1.091 1.4 1.4 0 0 1 1.043-.468h.594a1.711 1.711 0 0 0 1.728-1.558 1.661 1.661 0 0 0-.446-1.256 1.684 1.684 0 0 0-1.222-.532h-2.065a.57.57 0 0 1-.567-.447.551.551 0 0 1 .309-.607.557.557 0 0 1 .237-.053h3.426a1.433 1.433 0 0 0 1.451-1.352 1.396 1.396 0 0 0-1.393-1.436h-5.435a1.39 1.39 0 0 0-1.393 1.393c0 4.651-1.119 9.302-1.116 13.953a2.507 2.507 0 0 0 2.509 2.49h5.435a2.51 2.51 0 0 0 2.508-2.509 2.51 2.51 0 0 0-2.508-2.508v-.005ZM28.156 15.333c0-4.646-1.116-9.291-1.116-13.936a1.394 1.394 0 0 0-2.788 0c0 4.645-1.115 9.29-1.115 13.935a2.508 2.508 0 1 0 5.017 0l.002.001ZM19.277 12.825h-1.042a2.23 2.23 0 0 1-2.216-2c-.33-3.136-.835-6.255-.84-9.38A1.43 1.43 0 0 0 13.83.006 1.395 1.395 0 0 0 12.388 1.4c0 4.65-1.12 9.303-1.116 13.954a2.503 2.503 0 0 0 2.509 2.49h5.573a2.506 2.506 0 0 0 2.509-2.555c-.027-1.384-1.212-2.464-2.586-2.464ZM200.452 12.923h-1.041a2.23 2.23 0 0 1-2.217-1.999c-.33-3.136-.835-6.255-.84-9.38a1.429 1.429 0 0 0-1.345-1.442 1.387 1.387 0 0 0-1.016.391 1.4 1.4 0 0 0-.424 1.002c0 4.651-1.119 9.304-1.116 13.954a2.503 2.503 0 0 0 2.508 2.49h5.575a2.512 2.512 0 0 0 2.33-1.58c.123-.31.184-.64.177-.974-.024-1.381-1.209-2.462-2.591-2.462ZM158.676 15.431c0-4.62-1.107-9.258-1.115-13.888a1.43 1.43 0 0 0-1.345-1.44 1.396 1.396 0 0 0-1.331.845 1.375 1.375 0 0 0-.112.544v.366a.416.416 0 0 1-.429.418.418.418 0 0 1-.211-.063 37.536 37.536 0 0 1-2.671-1.815 1.415 1.415 0 0 0-1.881.14c-.241.26-.375.601-.376.956v.015c0 4.61-1.101 9.219-1.116 13.828 0 1.391 1.089 2.586 2.476 2.601a2.51 2.51 0 0 0 2.343-1.542c.128-.306.194-.635.193-.966 0-3.265-.549-6.53-.876-9.795a.417.417 0 0 1 .7-.35c.402.37.8.744 1.198 1.12a.837.837 0 0 1 .256.703c-.317 2.743-.71 5.485-.72 8.228 0 1.39 1.088 2.587 2.476 2.602a2.51 2.51 0 0 0 2.343-1.542c.128-.306.194-.635.193-.966l.005.001ZM146.982 12.643c0-2.694-.837-5.389-.837-8.087A4.459 4.459 0 0 0 141.689.1a4.457 4.457 0 0 0-4.456 4.456c0 2.693-.837 5.388-.837 8.087a5.297 5.297 0 0 0 10.592 0h-.006Zm-5.037.108a.293.293 0 0 1-.101.123.258.258 0 0 1-.157.047.292.292 0 0 1-.109-.02.286.286 0 0 1-.17-.267c0-2.878-.837-5.76-.837-8.64a1.12 1.12 0 0 1 1.115-1.072 1.116 1.116 0 0 1 1.115 1.073c0 2.88-.837 5.761-.837 8.64a.26.26 0 0 1-.019.117ZM177.093 12.643c0-2.694-.837-5.389-.837-8.087a4.454 4.454 0 0 0-7.607-3.151 4.459 4.459 0 0 0-1.305 3.15c0 2.694-.837 5.39-.837 8.088a5.3 5.3 0 0 0 3.27 4.892 5.293 5.293 0 0 0 6.919-2.866 5.28 5.28 0 0 0 .403-2.027h-.006Zm-5.037.108a.274.274 0 0 1-.101.123.294.294 0 0 1-.265.028.295.295 0 0 1-.123-.103.268.268 0 0 1-.047-.165c0-2.878-.837-5.76-.837-8.64a1.114 1.114 0 0 1 2.229 0c0 2.88-.836 5.762-.836 8.64a.261.261 0 0 1-.02.117ZM214.118 12.643c0-2.694-.837-5.389-.837-8.087A4.459 4.459 0 0 0 208.825.1a4.457 4.457 0 0 0-4.456 4.456c0 2.693-.837 5.388-.837 8.087a5.297 5.297 0 0 0 10.592 0h-.006Zm-5.037.108a.274.274 0 0 1-.101.123.255.255 0 0 1-.155.047.299.299 0 0 1-.111-.02.299.299 0 0 1-.122-.102.263.263 0 0 1-.048-.165c0-2.878-.836-5.76-.836-8.64a1.114 1.114 0 0 1 2.229 0c0 2.88-.837 5.762-.837 8.64a.26.26 0 0 1-.019.117ZM10.595 12.549a2.509 2.509 0 0 0-5.017 0 .297.297 0 0 1-.021.109.302.302 0 0 1-.1.122.265.265 0 0 1-.166.048.272.272 0 0 1-.231-.124.25.25 0 0 1-.048-.155c0-2.88-.837-5.76-.837-8.64a1.116 1.116 0 1 1 2.23 0v.553a1.672 1.672 0 0 0 3.344 0 4.456 4.456 0 0 0-8.912 0C.837 7.155 0 9.85 0 12.549a5.296 5.296 0 1 0 10.592 0h.003ZM40.46 12.549a2.509 2.509 0 0 0-2.51-2.509 2.507 2.507 0 0 0-2.5 2.509.297.297 0 0 1-.021.109.301.301 0 0 1-.101.122.265.265 0 0 1-.157.048.272.272 0 0 1-.231-.124.25.25 0 0 1-.048-.155c0-2.88-.836-5.76-.836-8.64a1.116 1.116 0 1 1 2.23 0v.553a1.672 1.672 0 0 0 3.343 0 4.456 4.456 0 0 0-8.912 0c0 2.693-.837 5.388-.837 8.087a5.296 5.296 0 0 0 10.592 0h-.013ZM51.79 14.975l-.044-.33c-.825-2.87-2.084-5.612-3.221-8.394a1.397 1.397 0 0 1 .127-1.29 38.553 38.553 0 0 1 1.92-2.7 1.395 1.395 0 0 0-2.19-1.724c-.862 1.137-2.346 2.695-2.957 3.324a.165.165 0 0 1-.274-.11V1.49A1.533 1.533 0 0 0 44.78.466a1.379 1.379 0 0 0-2.406.792 1.134 1.134 0 0 0 0 .13v.044c0 4.6-1.101 9.2-1.116 13.8 0 1.392 1.09 2.586 2.476 2.601a2.51 2.51 0 0 0 2.536-2.508c0-2.626-1.096-5.217-1.155-7.843a.28.28 0 0 1 .55-.07c.74 2.777.472 5.837 1.254 8.603a2.51 2.51 0 0 0 3.174 1.7 2.537 2.537 0 0 0 1.696-2.74ZM106.417 7.72a3.341 3.341 0 0 0-1.065-2.007.556.556 0 0 1-.094-.715 3.31 3.31 0 0 0 .55-1.83c0-1.705-1.433-3.066-3.136-3.066h-3.83a1.394 1.394 0 0 0-1.395 1.392v.043c0 4.631-1.114 9.264-1.114 13.895a2.51 2.51 0 0 0 2.509 2.509h2.789a5.297 5.297 0 0 0 5.294-5.296c-.013-1.643-.279-3.283-.508-4.925Zm-4.067.426c-.218 1.498-.445 2.998-.445 4.498a.3.3 0 0 1-.02.107.279.279 0 0 1-.535-.107c0-1.5-.226-3-.444-4.498a.694.694 0 0 1 .422-.745.692.692 0 0 1 .299-.053.698.698 0 0 1 .718.798h.005Zm.113-4.143h-1.672a.559.559 0 1 1 0-1.114h1.665a.561.561 0 0 1 .543.337.557.557 0 0 1-.543.777h.007ZM117.57 1.538a1.393 1.393 0 0 0-2.363-.955c-.26.251-.412.594-.425.955 0 3.715-1.115 7.427-1.115 11.147a.28.28 0 0 1-.122.232.284.284 0 0 1-.264.027.277.277 0 0 1-.17-.258c0-3.715-1.116-7.426-1.116-11.148a1.393 1.393 0 0 0-2.363-.955c-.26.251-.412.594-.425.955 0 3.715-1.115 7.427-1.115 11.147a5.24 5.24 0 0 0 .417 2.063 5.301 5.301 0 0 0 5.929 3.125 5.295 5.295 0 0 0 4.244-5.187c.004-3.715-1.11-7.431-1.112-11.148ZM222.285.18a1.43 1.43 0 0 0-1.628 1.113 48.14 48.14 0 0 1-1.37 4.68.422.422 0 0 1-.396.281.42.42 0 0 1-.397-.282 47.648 47.648 0 0 1-1.379-4.728 1.395 1.395 0 0 0-2.72.612c1.02 4.532 1.028 9.65 2.048 14.182a2.509 2.509 0 0 0 1.923 1.904c1.36.29 2.688-.628 2.989-1.98 1.001-4.51 1.016-9.594 2.03-14.098a1.396 1.396 0 0 0-1.1-1.683ZM76.593 1.491A1.392 1.392 0 0 0 75.157.098a1.432 1.432 0 0 0-1.352 1.453v1.195a1.394 1.394 0 1 1-2.787 0V1.55A1.432 1.432 0 0 0 69.666.098a1.393 1.393 0 0 0-1.436 1.393c0 4.646-1.115 9.292-1.115 13.936a2.507 2.507 0 0 0 4.843.98c.122-.312.18-.645.172-.98 0-2.414-.3-4.829-.59-7.243a.876.876 0 1 1 1.737 0c-.289 2.414-.59 4.829-.59 7.243a2.509 2.509 0 1 0 5.016 0c.005-4.64-1.11-9.287-1.11-13.936ZM240.263 15.43a2.5 2.5 0 0 1-.833 1.867 2.51 2.51 0 0 1-1.945.63 2.548 2.548 0 0 1-2.239-2.562v-.03a1.678 1.678 0 0 1 1.677-1.677h1.567a1.767 1.767 0 0 1 1.773 1.756v.017ZM237.753 12.345a1.969 1.969 0 0 1-1.954-2.2c.28-2.334.561-6.316.561-8.65a1.4 1.4 0 0 1 .582-1.129 1.402 1.402 0 0 1 1.256-.191 1.375 1.375 0 0 1 .949 1.32c0 2.332.281 6.314.56 8.648a1.968 1.968 0 0 1-1.953 2.2l-.001.002Z' fill='%23FFA7B2'/%3E%3C/svg%3E");
236
+
237
+ @media $mobile {
238
+ width: 241px;
165
239
  }
166
240
  }
@@ -20,19 +20,19 @@ export const AnnouncementInText: React.FC<AnnouncementInTextProps> = ({
20
20
 
21
21
  const data = {
22
22
  ru: {
23
- title: '&laquo;Медузе&raquo; нужна ваша помощь. Прямо сейчас',
23
+ title: 'Любовь победит. С&nbsp;вашей помощью',
24
24
  text:
25
- 'Каждый день наша редакция продолжает работать&nbsp;&mdash; вопреки давлению государства и&nbsp;только благодаря вам. Спасибо вам огромное! Это очень воодушевляет. &laquo;Медузе&raquo; по-прежнему нужна ваша помощь. Пожалуйста, поддержите нас.',
26
- button: 'Жму на кнопку!',
27
- href: 'https://mdza.io/_CL3KcERuqM'
25
+ 'Мы&nbsp;знаем, что справиться с&nbsp;новостями бывает непросто. Поэтому, рассказывая вам о&nbsp;тревожных событиях в&nbsp;России и&nbsp;мире, мы&nbsp;стараемся говорить не&nbsp;только о&nbsp;проблемах, но&nbsp;и&nbsp;о&nbsp;том, как их&nbsp;можно решить. И&nbsp;конечно, мы&nbsp;не&nbsp;верим в&nbsp;войну. Мы&nbsp;верим в&nbsp;любовь. Пожалуйста, поддержите &laquo;Медузу&raquo; прямо сейчас. Не&nbsp;откладывайте это на&nbsp;потом.',
26
+ button: 'Жму на кнопку любви!',
27
+ href: 'https://mdza.io/Tey0iLzheJQ'
28
28
  },
29
29
 
30
30
  en: {
31
- title: 'Meduza needs your help — right now.',
31
+ title: 'Love will prevail (with your help)',
32
32
  text:
33
- 'To sustain our newsroom in the face of government pressure, we have relied on readers like you. Thank you very much! Your support inspires us, and we need it still! Please consider a contribution to Meduza.',
34
- button: 'I’ll pitch in!',
35
- href: 'https://mdza.io/DdMs_RWpAS0'
33
+ 'We know the news cycle can be a lot. That’s why, when telling you about all the disturbing things happening in Russia and around the world, we try to report not only the problems but also the possible solutions and resolutions. Of course, we don’t believe in war we believe in love. Please support Meduza today to help sustain our work. Don’t put it off any longer!',
34
+ button: 'Click the button of love!',
35
+ href: 'https://mdza.io/JUgT9ZejcPY'
36
36
  }
37
37
  }
38
38
 
@@ -58,7 +58,11 @@ export const AnnouncementInText: React.FC<AnnouncementInTextProps> = ({
58
58
  target="_blank"
59
59
  rel="noreferrer"
60
60
  >
61
- {localeData.button}
61
+ <div className={styles.buttonInner}>
62
+ <span className={styles.buttonText}>
63
+ <span>{localeData.button}</span>
64
+ </span>
65
+ </div>
62
66
  </a>
63
67
  </div>
64
68
  </div>
@@ -6,8 +6,10 @@
6
6
 
7
7
  display: block;
8
8
 
9
+ height: 275px;
10
+
9
11
  margin: calc(15rem / 16) -20px;
10
- padding: 42px 20px 50px;
12
+ padding: 20px 20px 0;
11
13
  overflow: hidden;
12
14
 
13
15
  font-family: $secondaryFont;
@@ -15,6 +17,10 @@
15
17
  text-decoration: none;
16
18
 
17
19
  background-color: #000;
20
+ background-image: url('https://meduza.io/image/attachments/images/007/484/907/original/xvcbRNwO1XwjEXJHpnxlpA.png');
21
+ background-repeat: no-repeat;
22
+ background-position: center bottom;
23
+ background-size: 400px auto;
18
24
 
19
25
  outline-width: 0;
20
26
 
@@ -22,6 +28,9 @@
22
28
  margin: 25px 0 20px;
23
29
  padding: 48px 30px;
24
30
 
31
+ background-image: url('https://meduza.io/image/attachments/images/007/484/800/original/iUGEKeP82DhLIWJGuy_Wlw.png');
32
+ background-size: cover;
33
+
25
34
  border-radius: 8px;
26
35
  }
27
36
  }
@@ -47,20 +56,44 @@
47
56
  }
48
57
  }
49
58
 
59
+ .logo {
60
+ width: 211px;
61
+ height: 98px;
62
+ margin: 0 auto 9px;
63
+
64
+ background-image: url("data:image/svg+xml,%3Csvg width='211' height='98' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M182.618 84.79c0-6.427-2-12.854-2-19.284a10.625 10.625 0 1 0-21.251 0c0 6.423-2 12.85-1.996 19.284a12.446 12.446 0 0 0 .992 4.915 12.63 12.63 0 0 0 24.262-4.915h-.007Zm-12.016.26a.684.684 0 0 1-.24.29.631.631 0 0 1-.37.115.664.664 0 0 1-.555-.295.627.627 0 0 1-.114-.37c0-6.868-1.995-13.735-1.995-20.603a2.66 2.66 0 1 1 5.321 0c0 6.868-1.995 13.735-1.995 20.603a.644.644 0 0 1-.052.26ZM208.347 58.197a3.324 3.324 0 0 0-6.647 0c0 8.86-2.66 17.71-2.66 26.581a.645.645 0 0 1-.051.264.7.7 0 0 1-.24.29.636.636 0 0 1-.37.115.64.64 0 0 1-.264-.051.666.666 0 0 1-.291-.244.613.613 0 0 1-.114-.37c0-8.859-2.661-17.71-2.661-26.58a3.323 3.323 0 0 0-3.323-3.212 3.325 3.325 0 0 0-3.324 3.211c0 8.86-2.66 17.71-2.66 26.585a12.626 12.626 0 0 0 12.629 12.629A12.63 12.63 0 0 0 211 84.785c.016-8.854-2.653-17.717-2.653-26.587ZM156.497 55.144a3.337 3.337 0 0 0-3.99 1.098l-.036.047a85.28 85.28 0 0 1-3.746 4.609 1.347 1.347 0 0 1-1.567.34 1.337 1.337 0 0 1-.456-.34 85.577 85.577 0 0 1-3.747-4.609l-.035-.047a3.327 3.327 0 0 0-6.102 1.402 3.325 3.325 0 0 0 .757 2.533c1.854 2.413 4.376 6.462 5.51 8.312.386.627.551 1.366.468 2.098-.767 6.863-1.794 13.727-1.818 20.587 0 3.325 2.586 6.186 5.903 6.222a5.979 5.979 0 0 0 6.053-5.983c0-6.942-1.039-13.888-1.818-20.83a3.294 3.294 0 0 1 .468-2.098c1.13-1.853 3.652-5.903 5.51-8.312a3.322 3.322 0 0 0-.158-4.152 3.32 3.32 0 0 0-1.196-.877ZM93.209 85.455h-2.361a5.317 5.317 0 0 1-5.29-4.762 332.946 332.946 0 0 0-.543-4.81 3.323 3.323 0 0 1 3.298-3.718h1.417a4.085 4.085 0 0 0 4.12-3.715 3.99 3.99 0 0 0-3.978-4.263h-4.936a1.366 1.366 0 0 1-1.353-1.066 1.335 1.335 0 0 1 1.306-1.594h8.166a3.42 3.42 0 0 0 3.464-3.223 3.323 3.323 0 0 0-3.322-3.424H80.233a3.319 3.319 0 0 0-3.321 3.321c0 11.09-2.665 22.181-2.66 33.271a5.97 5.97 0 0 0 5.981 5.939h12.964a5.982 5.982 0 1 0 0-11.96l.012.004ZM19.119 85.455h-2.48a5.321 5.321 0 0 1-5.289-4.77c-.787-7.458-1.991-14.916-2.003-22.37A3.408 3.408 0 0 0 6.14 54.88 3.321 3.321 0 0 0 2.704 58.2c0 11.09-2.668 22.185-2.66 33.275a5.966 5.966 0 0 0 5.981 5.939H19.32a5.975 5.975 0 0 0 5.978-6.092c-.047-3.294-2.885-5.868-6.179-5.868ZM51.347 84.79c0-6.427-1.995-12.854-1.995-19.284a10.626 10.626 0 1 0-21.252 0c0 6.423-1.995 12.85-1.995 19.284a12.629 12.629 0 1 0 25.254 0h-.012Zm-12.011.26a.67.67 0 0 1-.874.354.65.65 0 0 1-.291-.244.598.598 0 0 1-.114-.37c0-6.868-1.996-13.735-2-20.603a2.66 2.66 0 0 1 5.321 0c0 6.868-1.995 13.735-1.995 20.603a.707.707 0 0 1-.047.26ZM109.908 64.187a2.66 2.66 0 1 1 5.32 0v1.327a3.986 3.986 0 0 0 6.806 2.819 3.986 3.986 0 0 0 1.168-2.82 10.626 10.626 0 0 0-21.252 0c0 9.91 11.299 9.375 11.299 19.285a.644.644 0 0 1-.291.55.629.629 0 0 1-.37.119.766.766 0 0 1-.26-.052.697.697 0 0 1-.291-.24.618.618 0 0 1-.115-.373 5.981 5.981 0 1 0-11.963 0 12.625 12.625 0 0 0 12.593 12.629 12.626 12.626 0 0 0 12.625-12.626c.036-12.396-15.269-14.014-15.269-20.618ZM71.134 54.939a3.409 3.409 0 0 0-3.888 2.656 113.14 113.14 0 0 1-3.262 11.154.996.996 0 0 1-1.89 0 112.09 112.09 0 0 1-3.29-11.276 3.325 3.325 0 0 0-6.485 1.457c2.432 10.807 2.451 23.01 4.884 33.818a5.986 5.986 0 0 0 4.584 4.541c3.243.693 6.408-1.5 7.128-4.722 2.389-10.76 2.424-22.882 4.84-33.622a3.325 3.325 0 0 0-2.62-4.006ZM74.55 30.598h-2.36a5.313 5.313 0 0 1-5.286-4.762c-.17-1.602-.358-3.208-.547-4.81a3.323 3.323 0 0 1 3.298-3.719h1.417a4.085 4.085 0 0 0 4.12-3.715 3.99 3.99 0 0 0-3.979-4.262h-4.935a1.366 1.366 0 0 1-1.354-1.067 1.333 1.333 0 0 1 1.307-1.593h8.166a3.42 3.42 0 0 0 3.463-3.224A3.32 3.32 0 0 0 74.54.022H61.575a3.318 3.318 0 0 0-3.321 3.322c0 11.09-2.665 22.18-2.66 33.27a5.97 5.97 0 0 0 5.981 5.94H74.54a5.983 5.983 0 0 0 2.336-11.55 5.981 5.981 0 0 0-2.336-.41l.012.003ZM108.148 29.932c-.122-6.643-1.967-13.29-1.967-19.933a9.97 9.97 0 0 0-6.154-9.211A9.962 9.962 0 0 0 96.212.03h-7.34a3.318 3.318 0 0 0-3.321 3.322c0 11.074-2.66 22.149-2.66 33.224V37.142a5.978 5.978 0 0 0 5.95 5.392h6.682a12.595 12.595 0 0 0 12.594-11.964h.023v-.449c0-.047.008-.118.008-.189Zm-11.964 0a.657.657 0 0 1-.684.665.676.676 0 0 1-.634-.68c-.138-7.289-2.361-14.562-2.629-21.858a1.33 1.33 0 0 1 1.326-1.382h1.307a3.302 3.302 0 0 1 1.668.445c.347.197.653.457.902.768.49.593.757 1.34.755 2.109-.015 6.64-2.01 13.286-2.01 19.93v.003ZM50.41 3.34A3.326 3.326 0 0 0 49.01.63a3.377 3.377 0 0 0-4.33.425c-2.054 2.05-4.242 3.975-6.49 5.836a1.657 1.657 0 0 1-2.113 0c-2.247-1.861-4.435-3.786-6.493-5.836l-.044-.047a3.322 3.322 0 0 0-5.698 2.341c0 10.996-2.625 21.996-2.66 32.992 0 3.317 2.593 6.167 5.902 6.202a5.976 5.976 0 0 0 6.05-5.978c0-7.084-1.079-14.136-1.862-21.2a.83.83 0 0 1 1.476-.615l.555.7a4.888 4.888 0 0 0 7.638 0l.555-.7a.834.834 0 0 1 1.48.61c-.787 6.99-1.842 13.98-1.865 20.969 0 3.321 2.59 6.179 5.903 6.214a5.979 5.979 0 0 0 6.049-5.982c.008-11.059-2.653-22.137-2.653-33.22ZM155.75 30.593a3.498 3.498 0 0 1-3.373-4.451c2.059-7.25 3.869-14.6 6.651-21.559a3.333 3.333 0 0 0-1.361-4.081 3.467 3.467 0 0 0-1.811-.476h-13.093a3.396 3.396 0 0 0-3.408 2.888 3.325 3.325 0 0 0 3.298 3.759h6.273a1.329 1.329 0 0 1 1.204 1.897c-1.881 4.038-4.053 7.965-6.202 11.9-2.448 4.487-4.857 8.994-6.758 13.7-1.18 2.968 0 6.443 2.909 7.812.845.402 1.772.6 2.707.579h13.153a5.982 5.982 0 0 0 5.982-6.092c-.055-3.298-2.877-5.876-6.171-5.876ZM133.105 3.34A3.327 3.327 0 0 0 129.782.13a3.325 3.325 0 0 0-3.324 3.211c0 8.859-2.66 17.71-2.66 26.58a.645.645 0 0 1-.052.264.684.684 0 0 1-.24.291.631.631 0 0 1-.37.115.656.656 0 0 1-.554-.295.62.62 0 0 1-.115-.37c0-8.86-2.656-17.71-2.66-26.581a3.327 3.327 0 0 0-3.324-3.211 3.324 3.324 0 0 0-3.323 3.211c0 8.859-2.66 17.71-2.66 26.584a12.63 12.63 0 1 0 25.258 0c.008-8.855-2.653-17.717-2.653-26.588ZM191.208 35.264c-2.432-10.807-7.642-21.842-10.075-32.665A3.314 3.314 0 0 0 177.894 0a3.317 3.317 0 0 0-3.238 2.6c-2.433 10.806-7.643 21.841-10.075 32.664a5.982 5.982 0 0 0 4.903 7.222 6.087 6.087 0 0 0 6.809-4.774v-.051a1.63 1.63 0 0 1 1.592-1.268 1.632 1.632 0 0 1 1.592 1.268v.051a6.083 6.083 0 0 0 6.808 4.774 5.986 5.986 0 0 0 4.923-7.222Zm-13.325-6.19a.899.899 0 0 1-.859-.623c-.039-.12-.052-.247-.039-.373a45.21 45.21 0 0 0 .225-4.33.66.66 0 0 1 1.131-.466.664.664 0 0 1 .195.47c0 1.441.086 2.882.228 4.33a.9.9 0 0 1-.881.991Z' fill='%23FFA7B2'/%3E%3C/svg%3E");
65
+
66
+ @media $mobile {
67
+ width: 445px;
68
+ height: 49px;
69
+ margin-bottom: 14px;
70
+
71
+ background-image: url("data:image/svg+xml, %3Csvg width='445' height='49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M412.822 34.063c0-7.278-2.264-14.556-2.264-21.838a12.033 12.033 0 0 0-24.067 0c0 7.273-2.264 14.551-2.259 21.838a14.1 14.1 0 0 0 1.123 5.566 14.298 14.298 0 0 0 16.014 8.452 14.303 14.303 0 0 0 11.462-14.018h-.009Zm-13.607.294a.777.777 0 0 1-.272.33.715.715 0 0 1-.419.13.75.75 0 0 1-.628-.334.705.705 0 0 1-.129-.42c0-7.777-2.26-15.554-2.26-23.331a3.013 3.013 0 0 1 6.026 0c0 7.777-2.26 15.554-2.26 23.331a.708.708 0 0 1-.058.294ZM441.96 3.949a3.764 3.764 0 0 0-6.38-2.579 3.76 3.76 0 0 0-1.147 2.579c0 10.032-3.013 20.056-3.013 30.101a.728.728 0 0 1-.058.299.785.785 0 0 1-.272.33.717.717 0 0 1-.419.129.731.731 0 0 1-.628-.334.706.706 0 0 1-.13-.42c0-10.032-3.012-20.055-3.012-30.1a3.769 3.769 0 0 0-3.764-3.637 3.767 3.767 0 0 0-3.764 3.636c0 10.033-3.013 20.056-3.013 30.106a14.302 14.302 0 0 0 28.604 0c.018-10.028-3.004-20.064-3.004-30.11ZM383.242.49a3.78 3.78 0 0 0-4.519 1.244l-.04.053c-1.337 1.783-2.772 3.521-4.243 5.22a1.528 1.528 0 0 1-1.145.52 1.525 1.525 0 0 1-1.146-.52 96.68 96.68 0 0 1-4.243-5.22l-.04-.053a3.77 3.77 0 0 0-2.485-1.671 3.767 3.767 0 0 0-4.293 4.782c.147.493.394.951.726 1.345 2.099 2.732 4.956 7.318 6.239 9.413.437.71.624 1.547.531 2.376-.869 7.772-2.033 15.545-2.059 23.313 0 3.766 2.928 7.006 6.685 7.046a6.774 6.774 0 0 0 4.843-1.954 6.76 6.76 0 0 0 2.011-4.82c0-7.862-1.176-15.728-2.059-23.59a3.738 3.738 0 0 1 .531-2.375c1.279-2.1 4.136-6.685 6.239-9.413a3.777 3.777 0 0 0-.179-4.702 3.753 3.753 0 0 0-1.354-.994ZM311.571 34.816h-2.674a6.023 6.023 0 0 1-5.99-5.393 373.374 373.374 0 0 0-.615-5.446 3.75 3.75 0 0 1 .92-2.945 3.755 3.755 0 0 1 2.815-1.266h1.604a4.625 4.625 0 0 0 4.666-4.208 4.51 4.51 0 0 0-1.205-3.39 4.51 4.51 0 0 0-3.3-1.436h-5.589a1.545 1.545 0 0 1-1.533-1.208 1.505 1.505 0 0 1 .834-1.66c.202-.095.422-.145.645-.145h9.248a3.874 3.874 0 0 0 3.922-3.65 3.754 3.754 0 0 0-2.295-3.58 3.76 3.76 0 0 0-1.466-.298h-14.681a3.754 3.754 0 0 0-3.477 2.322 3.784 3.784 0 0 0-.285 1.44c0 12.56-3.017 25.118-3.012 37.678a6.758 6.758 0 0 0 6.774 6.725h14.681a6.776 6.776 0 0 0 6.948-6.772 6.776 6.776 0 0 0-6.948-6.772l.013.004ZM227.668 34.816h-2.808a6.024 6.024 0 0 1-5.99-5.401c-.892-8.446-2.255-16.891-2.269-25.333a3.859 3.859 0 0 0-3.632-3.89 3.759 3.759 0 0 0-3.593 2.291 3.768 3.768 0 0 0-.298 1.47c0 12.56-3.021 25.123-3.013 37.682a6.76 6.76 0 0 0 6.775 6.726h15.055a6.76 6.76 0 0 0 6.293-4.268 6.786 6.786 0 0 0 .477-2.632c-.054-3.73-3.267-6.645-6.997-6.645ZM264.164 34.063c0-7.278-2.259-14.556-2.259-21.838a12.033 12.033 0 0 0-24.067 0c0 7.273-2.26 14.551-2.26 21.838a14.304 14.304 0 0 0 24.502 10.276 14.304 14.304 0 0 0 4.098-10.276h-.014Zm-13.602.294a.759.759 0 0 1-.989.401.736.736 0 0 1-.33-.276.676.676 0 0 1-.129-.419c0-7.777-2.26-15.554-2.264-23.331a3.012 3.012 0 1 1 6.025 0c0 7.777-2.259 15.554-2.259 23.331 0 .1-.018.2-.054.294ZM330.481 10.73a3.013 3.013 0 0 1 6.026 0v1.503a4.513 4.513 0 0 0 7.707 3.192 4.513 4.513 0 0 0 1.322-3.192A12.036 12.036 0 0 0 333.503.199a12.033 12.033 0 0 0-12.033 12.034c0 11.222 12.795 10.616 12.795 21.838a.73.73 0 0 1-.33.624.707.707 0 0 1-.419.133.869.869 0 0 1-.294-.058.79.79 0 0 1-.33-.271.704.704 0 0 1-.129-.424 6.776 6.776 0 0 0-6.774-6.774 6.773 6.773 0 0 0-6.775 6.774 14.297 14.297 0 0 0 14.262 14.302 14.298 14.298 0 0 0 14.298-14.297c.04-14.04-17.293-15.87-17.293-23.35ZM286.573.258a3.86 3.86 0 0 0-4.404 3.009 128.045 128.045 0 0 1-3.694 12.63 1.129 1.129 0 0 1-2.14 0A127.012 127.012 0 0 1 272.61 3.13a3.769 3.769 0 0 0-4.47-2.726 3.767 3.767 0 0 0-2.875 4.375c2.754 12.238 2.776 26.059 5.531 38.297a6.774 6.774 0 0 0 5.192 5.143c3.672.784 7.255-1.698 8.071-5.348 2.705-12.185 2.745-25.912 5.482-38.075a3.782 3.782 0 0 0-.52-2.899 3.763 3.763 0 0 0-2.448-1.638ZM60.439 34.816h-2.675a6.017 6.017 0 0 1-5.985-5.393 454.27 454.27 0 0 0-.62-5.446 3.761 3.761 0 0 1 3.735-4.211H56.5a4.626 4.626 0 0 0 4.666-4.208 4.519 4.519 0 0 0-4.506-4.826H51.07a1.547 1.547 0 0 1-1.533-1.208 1.51 1.51 0 0 1 1.48-1.805h9.248a3.873 3.873 0 0 0 3.922-3.65A3.763 3.763 0 0 0 60.425.19h-14.68a3.757 3.757 0 0 0-3.762 3.762c0 12.56-3.017 25.118-3.013 37.678a6.761 6.761 0 0 0 6.775 6.725h14.68a6.774 6.774 0 1 0 0-13.544l.014.004ZM98.487 34.062c-.139-7.523-2.229-15.05-2.229-22.574A11.284 11.284 0 0 0 84.97.2h-8.312a3.757 3.757 0 0 0-3.761 3.762c0 12.541-3.013 25.083-3.013 37.624v.642a6.77 6.77 0 0 0 6.739 6.106h7.567a14.262 14.262 0 0 0 14.262-13.55h.027v-.507c0-.054.009-.134.009-.214Zm-13.55 0a.744.744 0 0 1-.775.753.767.767 0 0 1-.717-.77c-.156-8.255-2.674-16.491-2.977-24.754a1.505 1.505 0 0 1 1.502-1.564h1.48a3.739 3.739 0 0 1 1.889.503c.392.223.738.518 1.02.87.555.672.858 1.517.856 2.388-.017 7.519-2.277 15.046-2.277 22.57v.004ZM33.1 3.949a3.766 3.766 0 0 0-1.586-3.07 3.824 3.824 0 0 0-4.902.48c-2.327 2.323-4.805 4.502-7.35 6.61a1.877 1.877 0 0 1-2.393 0c-2.545-2.108-5.023-4.287-7.354-6.61l-.049-.053a3.762 3.762 0 0 0-6.453 2.652C3.013 16.41.04 28.867 0 41.319c0 3.757 2.937 6.984 6.685 7.024a6.77 6.77 0 0 0 6.85-6.77c0-8.022-1.22-16.009-2.108-24.008a.94.94 0 0 1 1.671-.696l.629.794a5.536 5.536 0 0 0 8.65 0l.629-.794a.945.945 0 0 1 1.676.691c-.892 7.915-2.086 15.83-2.113 23.746 0 3.761 2.933 6.997 6.685 7.037a6.771 6.771 0 0 0 6.85-6.774c.01-12.524-3.003-25.07-3.003-37.62ZM152.393 34.812a3.961 3.961 0 0 1-3.82-5.041c2.331-8.21 4.381-16.535 7.532-24.414a3.772 3.772 0 0 0-1.542-4.622 3.922 3.922 0 0 0-2.05-.54h-14.828a3.844 3.844 0 0 0-3.859 3.272 3.772 3.772 0 0 0 3.734 4.256h7.105a1.51 1.51 0 0 1 1.504 1.412c.016.254-.033.507-.141.737-2.13 4.572-4.59 9.02-7.024 13.477-2.772 5.08-5.499 10.184-7.652 15.514-1.337 3.36 0 7.296 3.294 8.847.957.454 2.007.679 3.066.655h14.894a6.774 6.774 0 0 0 6.775-6.9c-.063-3.734-3.258-6.653-6.988-6.653ZM126.749 3.949a3.764 3.764 0 0 0-6.38-2.579 3.764 3.764 0 0 0-1.147 2.579c0 10.032-3.013 20.056-3.013 30.101a.728.728 0 0 1-.058.299.785.785 0 0 1-.272.33.717.717 0 0 1-.419.129.745.745 0 0 1-.628-.334.706.706 0 0 1-.13-.42c0-10.032-3.008-20.055-3.012-30.1a3.769 3.769 0 0 0-3.764-3.637 3.767 3.767 0 0 0-3.764 3.636c0 10.033-3.013 20.056-3.013 30.106a14.302 14.302 0 0 0 28.604 0c.009-10.028-3.004-20.064-3.004-30.11ZM192.548 40.103c-2.754-12.238-8.655-24.735-11.41-36.991a3.755 3.755 0 0 0-7.335 0c-2.755 12.238-8.656 24.735-11.41 36.99a6.786 6.786 0 0 0 5.553 8.178 6.895 6.895 0 0 0 7.711-5.405v-.058a1.843 1.843 0 0 1 1.802-1.436 1.851 1.851 0 0 1 1.803 1.436v.058a6.892 6.892 0 0 0 7.71 5.406 6.785 6.785 0 0 0 4.562-2.88 6.78 6.78 0 0 0 1.014-5.298Zm-15.091-7.01a1.015 1.015 0 0 1-.759-.338 1.03 1.03 0 0 1-.213-.368c-.044-.136-.059-.28-.044-.422.156-1.627.254-3.258.254-4.903a.75.75 0 1 1 1.502.005c0 1.631.098 3.262.258 4.902a1.01 1.01 0 0 1-.589 1.03c-.128.06-.268.09-.409.093Z' fill='%23FFA7B2' /%3E %3C/svg%3E");
72
+ }
73
+ }
74
+
75
+ .logo svg {
76
+ vertical-align: top;
77
+ }
78
+
50
79
  .text {
51
80
  display: block;
52
81
 
53
- margin: 0;
82
+ max-width: 192px;
83
+ margin: 0 auto;
54
84
 
85
+ color: #ffa7b2;
55
86
  font-weight: normal;
56
- font-size: 21px;
87
+ font-size: 14px;
57
88
 
58
- font-family: $primaryFont;
59
- line-height: 25px;
89
+ font-family: $secondaryFont;
90
+ line-height: 17px;
60
91
 
61
92
  @media $mobile {
62
- font-size: 29px;
63
- line-height: 34px;
93
+ max-width: none;
94
+
95
+ font-size: 18px;
96
+ line-height: 130%;
64
97
  }
65
98
  }
66
99
 
@@ -70,7 +103,7 @@
70
103
  align-items: center;
71
104
  justify-content: center;
72
105
 
73
- margin-top: 45px;
106
+ margin-top: 18px;
74
107
 
75
108
  @media $mobile {
76
109
  margin-top: 40px;
@@ -91,7 +124,6 @@
91
124
  text-transform: uppercase;
92
125
  text-decoration: none;
93
126
 
94
- background-color: #000;
95
127
  border-radius: 30px;
96
128
  }
97
129
 
@@ -111,22 +143,24 @@
111
143
 
112
144
  display: block;
113
145
 
114
- width: 192px;
115
- padding: 14px 0 13px;
146
+ width: 252px;
147
+ height: 66px;
148
+
149
+ background-image: url("data:image/svg+xml,%3Csvg width='252' height='66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='14' y='14.539' width='224' height='36' rx='18' fill='%23FFFCAA'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Crect x='21.529' y='9' width='208.941' height='48' rx='24' fill='%23000'/%3E%3C/g%3E%3Cpath d='M60.244 36.934h-.999a2.248 2.248 0 0 1-2.235-2.015 114.26 114.26 0 0 0-.231-2.034 1.406 1.406 0 0 1 1.394-1.57h.601a1.728 1.728 0 0 0 1.742-1.572 1.689 1.689 0 0 0-1.682-1.802h-2.087a.574.574 0 0 1-.572-.45.562.562 0 0 1 .55-.667h3.455a1.444 1.444 0 0 0 1.463-1.36 1.405 1.405 0 0 0-1.404-1.45h-5.476a1.406 1.406 0 0 0-1.404 1.406c0 4.688-1.128 9.38-1.125 14.069A2.523 2.523 0 0 0 54.764 42h5.48a2.53 2.53 0 0 0 0-5.059v-.007ZM92.902 39.464A2.532 2.532 0 0 1 90.1 41.98a2.57 2.57 0 0 1-2.258-2.585v-.033a1.693 1.693 0 0 1 1.69-1.69h1.581a1.782 1.782 0 0 1 1.788 1.77v.022ZM90.372 36.351a1.984 1.984 0 0 1-1.97-2.22c.282-2.351.565-6.369.565-8.72a1.409 1.409 0 0 1 2.55-.822c.172.24.263.527.261.822 0 2.351.283 6.367.564 8.719a1.983 1.983 0 0 1-1.969 2.22l-.001.001ZM51.277 24.117a1.413 1.413 0 0 0-1.687.464l-.017.022c-.5.666-1.033 1.315-1.584 1.947a.562.562 0 0 1-.854 0 36.078 36.078 0 0 1-1.584-1.947l-.017-.022a1.405 1.405 0 1 0-2.258 1.673c.784 1.02 1.85 2.732 2.33 3.515.161.266.23.577.198.887-.333 2.902-.759 5.804-.769 8.707 0 1.406 1.093 2.614 2.496 2.63a2.531 2.531 0 0 0 2.558-2.529c0-2.935-.44-5.871-.769-8.807-.034-.31.035-.622.197-.888.479-.782 1.544-2.497 2.33-3.515a1.406 1.406 0 0 0-.57-2.137ZM75.053 38.91c-1.026-4.57-3.232-9.238-4.258-13.813a1.404 1.404 0 0 0-2.741 0c-1.027 4.57-3.232 9.238-4.259 13.813a2.53 2.53 0 0 0 2.072 3.052 2.575 2.575 0 0 0 2.88-2.019v-.02a.69.69 0 0 1 1.345 0v.02a2.575 2.575 0 0 0 2.881 2.019 2.528 2.528 0 0 0 2.08-3.053Zm-5.635-2.618a.383.383 0 0 1-.38-.421c.06-.61.097-1.218.097-1.83a.28.28 0 0 1 .28-.28.283.283 0 0 1 .281.28c0 .61.037 1.219.095 1.831a.38.38 0 0 1-.373.42ZM85.812 25.413a1.403 1.403 0 0 0-1.448-1.404 1.445 1.445 0 0 0-1.361 1.462v1.207a1.406 1.406 0 0 1-2.813 0V25.47a1.445 1.445 0 0 0-1.36-1.462 1.404 1.404 0 0 0-1.449 1.404c0 4.683-1.125 9.37-1.125 14.052a2.53 2.53 0 0 0 5.06 0c0-2.434-.305-4.869-.596-7.305a.882.882 0 1 1 1.752 0c-.293 2.436-.596 4.87-.596 7.305a2.53 2.53 0 0 0 5.06 0c.001-4.684-1.124-9.369-1.124-14.052ZM118.244 36.934h-.998a2.25 2.25 0 0 1-2.235-2.015c-.071-.678-.149-1.356-.232-2.034a1.403 1.403 0 0 1 .819-1.447c.181-.081.377-.124.576-.124h.601a1.727 1.727 0 0 0 1.742-1.57 1.692 1.692 0 0 0-1.682-1.802h-2.087a.573.573 0 0 1-.573-.452.56.56 0 0 1 .12-.462.554.554 0 0 1 .431-.204h3.455a1.446 1.446 0 0 0 1.463-1.36 1.42 1.42 0 0 0-.396-1.023 1.41 1.41 0 0 0-1.009-.427h-5.475a1.404 1.404 0 0 0-1.405 1.406c0 4.688-1.128 9.38-1.125 14.069a2.524 2.524 0 0 0 2.53 2.511h5.48a2.532 2.532 0 0 0 2.53-2.53 2.531 2.531 0 0 0-2.53-2.529v-.007ZM150.902 39.464a2.527 2.527 0 0 1-1.753 2.408 2.53 2.53 0 0 1-1.048.108 2.572 2.572 0 0 1-2.258-2.585v-.033a1.692 1.692 0 0 1 1.691-1.69h1.581a1.783 1.783 0 0 1 1.787 1.77v.022ZM148.372 36.351a1.988 1.988 0 0 1-1.484-.667 1.991 1.991 0 0 1-.486-1.553c.283-2.351.566-6.369.566-8.72a1.41 1.41 0 0 1 2.549-.822c.172.24.264.527.261.822 0 2.351.283 6.367.565 8.719a1.985 1.985 0 0 1-1.969 2.22l-.002.001ZM109.278 24.117a1.412 1.412 0 0 0-1.688.464l-.016.022c-.5.666-1.034 1.315-1.585 1.947a.552.552 0 0 1-.426.196.557.557 0 0 1-.427-.196 35.9 35.9 0 0 1-1.585-1.947l-.016-.022a1.407 1.407 0 0 0-2.519.63c-.055.368.039.743.26 1.043.784 1.02 1.851 2.732 2.33 3.515.162.266.231.577.198.887-.333 2.902-.759 5.804-.769 8.707 0 1.406 1.094 2.614 2.497 2.63a2.529 2.529 0 0 0 2.558-2.529c0-2.935-.441-5.871-.769-8.807-.035-.31.034-.622.196-.888.479-.782 1.544-2.497 2.33-3.515a1.412 1.412 0 0 0-.061-1.764 1.41 1.41 0 0 0-.508-.373ZM133.054 38.91c-1.027-4.57-3.232-9.238-4.259-13.813a1.406 1.406 0 0 0-2.741 0c-1.027 4.57-3.232 9.238-4.258 13.813a2.534 2.534 0 0 0 .374 1.975 2.526 2.526 0 0 0 1.697 1.077 2.575 2.575 0 0 0 2.881-2.019v-.02a.69.69 0 0 1 1.345 0v.02a2.572 2.572 0 0 0 2.881 2.019 2.52 2.52 0 0 0 1.702-1.075 2.53 2.53 0 0 0 .378-1.977Zm-5.635-2.618a.382.382 0 0 1-.38-.421c.06-.61.097-1.218.097-1.83a.278.278 0 0 1 .28-.28.283.283 0 0 1 .281.28c0 .61.036 1.219.095 1.831a.39.39 0 0 1-.095.291.382.382 0 0 1-.278.129ZM143.813 25.413a1.41 1.41 0 0 0-.897-1.31 1.407 1.407 0 0 0-.551-.095 1.446 1.446 0 0 0-1.362 1.463v1.207a1.403 1.403 0 0 1-1.406 1.404 1.407 1.407 0 0 1-1.406-1.404V25.47a1.445 1.445 0 0 0-1.361-1.462 1.404 1.404 0 0 0-1.448 1.404c0 4.683-1.125 9.37-1.125 14.052a2.527 2.527 0 0 0 2.529 2.53 2.53 2.53 0 0 0 2.53-2.53c0-2.434-.305-4.869-.596-7.305a.886.886 0 0 1 1.237-.906.879.879 0 0 1 .516.906c-.293 2.436-.596 4.87-.596 7.305a2.527 2.527 0 0 0 2.529 2.53 2.53 2.53 0 0 0 2.53-2.53c.002-4.684-1.123-9.369-1.123-14.052ZM176.244 36.934h-.998a2.25 2.25 0 0 1-2.235-2.015c-.071-.678-.149-1.356-.232-2.034a1.403 1.403 0 0 1 .819-1.447c.181-.081.377-.124.576-.124h.601a1.727 1.727 0 0 0 1.742-1.57 1.692 1.692 0 0 0-1.682-1.802h-2.087a.573.573 0 0 1-.573-.452.56.56 0 0 1 .12-.462.554.554 0 0 1 .431-.204h3.455a1.446 1.446 0 0 0 1.463-1.36 1.42 1.42 0 0 0-.396-1.023 1.41 1.41 0 0 0-1.009-.427h-5.475a1.404 1.404 0 0 0-1.405 1.406c0 4.688-1.128 9.38-1.125 14.069a2.524 2.524 0 0 0 2.53 2.511h5.48a2.532 2.532 0 0 0 2.53-2.53 2.531 2.531 0 0 0-2.53-2.529v-.007ZM208.902 39.464a2.527 2.527 0 0 1-1.753 2.408 2.53 2.53 0 0 1-1.048.108 2.572 2.572 0 0 1-2.258-2.585v-.033a1.692 1.692 0 0 1 1.691-1.69h1.581a1.783 1.783 0 0 1 1.787 1.77v.022ZM206.372 36.351a1.988 1.988 0 0 1-1.484-.667 1.991 1.991 0 0 1-.486-1.553c.283-2.351.566-6.369.566-8.72a1.41 1.41 0 0 1 2.549-.822c.172.24.264.527.261.822 0 2.351.283 6.367.565 8.719a1.985 1.985 0 0 1-1.969 2.22l-.002.001ZM167.278 24.117a1.412 1.412 0 0 0-1.688.464l-.016.022c-.5.666-1.034 1.315-1.585 1.947a.552.552 0 0 1-.426.196.557.557 0 0 1-.427-.196 35.9 35.9 0 0 1-1.585-1.947l-.016-.022a1.407 1.407 0 0 0-2.519.63c-.055.368.039.743.26 1.043.784 1.02 1.851 2.732 2.33 3.515.162.266.231.577.198.887-.333 2.902-.759 5.804-.769 8.707 0 1.406 1.094 2.614 2.497 2.63a2.529 2.529 0 0 0 2.558-2.529c0-2.935-.441-5.871-.769-8.807-.035-.31.034-.622.196-.888.479-.782 1.544-2.497 2.33-3.515a1.412 1.412 0 0 0-.061-1.764 1.41 1.41 0 0 0-.508-.373ZM191.054 38.91c-1.027-4.57-3.232-9.238-4.259-13.813a1.406 1.406 0 0 0-2.741 0c-1.027 4.57-3.232 9.238-4.258 13.813a2.534 2.534 0 0 0 .374 1.975 2.526 2.526 0 0 0 1.697 1.077 2.575 2.575 0 0 0 2.881-2.019v-.02a.69.69 0 0 1 1.345 0v.02a2.572 2.572 0 0 0 2.881 2.019 2.52 2.52 0 0 0 1.702-1.075 2.53 2.53 0 0 0 .378-1.977Zm-5.635-2.618a.382.382 0 0 1-.38-.421c.06-.61.097-1.218.097-1.83a.278.278 0 0 1 .28-.28.283.283 0 0 1 .281.28c0 .61.036 1.219.095 1.831a.39.39 0 0 1-.095.291.382.382 0 0 1-.278.129ZM201.813 25.413a1.41 1.41 0 0 0-.897-1.31 1.407 1.407 0 0 0-.551-.095 1.446 1.446 0 0 0-1.362 1.463v1.207a1.403 1.403 0 0 1-1.406 1.404 1.407 1.407 0 0 1-1.406-1.404V25.47a1.445 1.445 0 0 0-1.361-1.462 1.404 1.404 0 0 0-1.448 1.404c0 4.683-1.125 9.37-1.125 14.052a2.527 2.527 0 0 0 2.529 2.53 2.53 2.53 0 0 0 2.53-2.53c0-2.434-.305-4.869-.596-7.305a.886.886 0 0 1 1.237-.906.879.879 0 0 1 .516.906c-.293 2.436-.596 4.87-.596 7.305a2.527 2.527 0 0 0 2.529 2.53 2.53 2.53 0 0 0 2.53-2.53c.002-4.684-1.123-9.369-1.123-14.052Z' fill='%23FFFCAA'/%3E%3Cdefs%3E%3Cfilter id='a' x='.541' y='1.08' width='250.918' height='62.918' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.729' result='effect1_foregroundBlur_4_386'/%3E%3C/filter%3E%3Cfilter id='b' x='12.821' y='.291' width='226.358' height='65.417' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.354' result='effect1_foregroundBlur_4_386'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
150
+ background-size: 100%;
151
+
152
+ @media $mobile {
153
+ width: 268px;
154
+ height: 72px;
155
+
156
+ background-image: url("data:image/svg+xml,%3Csvg width='268' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Crect x='15' y='16' width='238' height='39' rx='19.5' fill='%23FFFCAA'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Crect x='23' y='10' width='222' height='52' rx='26' fill='%23000'/%3E%3C/g%3E%3Cpath d='M69.243 38.934h-.998a2.248 2.248 0 0 1-2.235-2.015c-.071-.678-.148-1.356-.232-2.034a1.406 1.406 0 0 1 1.395-1.57h.6a1.727 1.727 0 0 0 1.743-1.572 1.69 1.69 0 0 0-1.682-1.802h-2.087a.574.574 0 0 1-.573-.45.562.562 0 0 1 .551-.667h3.455a1.444 1.444 0 0 0 1.463-1.36 1.405 1.405 0 0 0-1.405-1.45h-5.475a1.406 1.406 0 0 0-1.404 1.406c0 4.688-1.129 9.38-1.125 14.069A2.523 2.523 0 0 0 63.764 44h5.48a2.53 2.53 0 1 0 0-5.06v-.006ZM101.902 41.462a2.541 2.541 0 0 1-.84 1.883 2.528 2.528 0 0 1-1.961.634 2.57 2.57 0 0 1-2.258-2.585v-.033a1.693 1.693 0 0 1 1.69-1.69h1.581a1.781 1.781 0 0 1 1.788 1.77v.021ZM99.372 38.351a1.981 1.981 0 0 1-1.97-2.22c.282-2.351.565-6.369.565-8.72a1.409 1.409 0 0 1 2.55-.822c.172.24.263.527.261.822 0 2.351.283 6.367.564 8.719a1.989 1.989 0 0 1-1.155 2.045 1.988 1.988 0 0 1-.814.175l-.001.001ZM60.277 26.117a1.413 1.413 0 0 0-1.687.464l-.017.022c-.5.666-1.033 1.315-1.584 1.947a.563.563 0 0 1-.854 0 36.03 36.03 0 0 1-1.584-1.947l-.017-.022a1.405 1.405 0 1 0-2.258 1.673c.784 1.02 1.85 2.732 2.33 3.515.161.266.23.577.198.887-.333 2.902-.759 5.804-.769 8.706 0 1.407 1.093 2.615 2.496 2.632a2.53 2.53 0 0 0 2.558-2.53c0-2.935-.44-5.871-.769-8.807-.034-.31.035-.622.197-.888.479-.782 1.544-2.497 2.33-3.515a1.409 1.409 0 0 0-.57-2.137ZM84.053 40.91c-1.027-4.57-3.232-9.238-4.258-13.813a1.404 1.404 0 0 0-2.741 0c-1.027 4.57-3.232 9.238-4.259 13.812a2.53 2.53 0 0 0 2.072 3.053 2.574 2.574 0 0 0 2.88-2.02v-.02a.689.689 0 0 1 1.345 0v.02a2.575 2.575 0 0 0 2.881 2.02 2.528 2.528 0 0 0 2.08-3.053Zm-5.635-2.618a.384.384 0 0 1-.38-.421c.06-.61.097-1.218.097-1.83a.28.28 0 0 1 .478-.198.283.283 0 0 1 .083.199c0 .609.037 1.218.095 1.83a.382.382 0 0 1-.373.42ZM94.812 27.413a1.408 1.408 0 0 0-.897-1.31 1.404 1.404 0 0 0-.551-.095 1.445 1.445 0 0 0-1.361 1.463v1.207a1.406 1.406 0 0 1-2.813 0V27.47a1.445 1.445 0 0 0-1.361-1.462 1.404 1.404 0 0 0-1.448 1.404c0 4.683-1.125 9.37-1.125 14.052a2.53 2.53 0 1 0 5.06 0c0-2.434-.305-4.87-.597-7.305a.882.882 0 1 1 1.753 0c-.293 2.436-.596 4.87-.596 7.305a2.53 2.53 0 1 0 5.06 0c0-4.684-1.124-9.369-1.124-14.052ZM127.244 38.934h-.999a2.25 2.25 0 0 1-2.235-2.015c-.071-.678-.148-1.356-.231-2.034a1.402 1.402 0 0 1 1.395-1.57h.6a1.728 1.728 0 0 0 1.743-1.572 1.693 1.693 0 0 0-1.683-1.802h-2.087a.575.575 0 0 1-.572-.45.575.575 0 0 1 .312-.612.566.566 0 0 1 .239-.055h3.455a1.442 1.442 0 0 0 1.462-1.36 1.402 1.402 0 0 0-.856-1.339 1.41 1.41 0 0 0-.548-.111h-5.475a1.409 1.409 0 0 0-1.405 1.406c0 4.688-1.128 9.38-1.125 14.069a2.52 2.52 0 0 0 2.53 2.511h5.48a2.527 2.527 0 0 0 2.529-2.53 2.527 2.527 0 0 0-2.529-2.53v-.006ZM159.902 41.462a2.527 2.527 0 0 1-1.753 2.408 2.53 2.53 0 0 1-1.048.109 2.57 2.57 0 0 1-2.258-2.585v-.033a1.692 1.692 0 0 1 1.691-1.69h1.581a1.783 1.783 0 0 1 1.787 1.77v.021ZM157.372 38.351a1.985 1.985 0 0 1-1.97-2.22c.283-2.351.566-6.369.566-8.72a1.41 1.41 0 0 1 2.549-.822c.172.24.264.527.261.822 0 2.351.283 6.367.565 8.719a1.985 1.985 0 0 1-1.969 2.22l-.002.001ZM118.278 26.117a1.415 1.415 0 0 0-1.688.464l-.016.022c-.5.666-1.034 1.315-1.585 1.947a.553.553 0 0 1-.427.196.556.556 0 0 1-.426-.196 35.9 35.9 0 0 1-1.585-1.947l-.016-.022a1.407 1.407 0 0 0-2.519.63c-.055.368.039.743.26 1.043.784 1.02 1.851 2.732 2.33 3.515.162.266.231.577.198.887-.333 2.902-.759 5.804-.769 8.706 0 1.407 1.094 2.615 2.497 2.632a2.529 2.529 0 0 0 2.558-2.53c0-2.935-.441-5.871-.769-8.807-.035-.31.034-.622.196-.888.479-.782 1.544-2.497 2.33-3.515a1.41 1.41 0 0 0-.569-2.137ZM142.054 40.91c-1.027-4.57-3.232-9.238-4.259-13.813a1.406 1.406 0 0 0-2.741 0c-1.027 4.57-3.232 9.238-4.258 13.812a2.535 2.535 0 0 0 .374 1.975 2.525 2.525 0 0 0 1.697 1.078 2.575 2.575 0 0 0 2.881-2.02v-.02a.69.69 0 0 1 1.345 0v.02a2.572 2.572 0 0 0 2.88 2.02 2.525 2.525 0 0 0 2.097-2.025c.065-.34.06-.69-.016-1.028Zm-5.635-2.618a.384.384 0 0 1-.38-.421c.06-.61.097-1.218.097-1.83a.278.278 0 0 1 .478-.197.284.284 0 0 1 .083.198c0 .609.036 1.218.095 1.83a.373.373 0 0 1-.018.156.375.375 0 0 1-.203.229.384.384 0 0 1-.152.035ZM152.812 27.413a1.394 1.394 0 0 0-.426-1.009 1.401 1.401 0 0 0-1.022-.395 1.446 1.446 0 0 0-1.361 1.462v1.207a1.407 1.407 0 0 1-2.812 0V27.47a1.446 1.446 0 0 0-1.362-1.463 1.4 1.4 0 0 0-1.021.396 1.393 1.393 0 0 0-.426 1.009c0 4.683-1.125 9.37-1.125 14.052a2.53 2.53 0 1 0 5.059 0c0-2.434-.305-4.87-.596-7.305a.886.886 0 0 1 1.237-.906.89.89 0 0 1 .48.538c.038.119.05.244.035.368-.293 2.436-.596 4.87-.596 7.305a2.531 2.531 0 0 0 5.06 0c.001-4.684-1.124-9.369-1.124-14.052ZM185.243 38.934h-.998a2.25 2.25 0 0 1-2.235-2.015c-.071-.678-.148-1.356-.232-2.034a1.403 1.403 0 0 1 .819-1.447c.181-.082.378-.124.576-.124h.601a1.728 1.728 0 0 0 1.742-1.57 1.69 1.69 0 0 0-1.682-1.802h-2.087a.573.573 0 0 1-.573-.452.56.56 0 0 1 .12-.462.563.563 0 0 1 .431-.204h3.455a1.446 1.446 0 0 0 1.463-1.36 1.402 1.402 0 0 0-.857-1.339 1.402 1.402 0 0 0-.548-.111h-5.475a1.406 1.406 0 0 0-1.404 1.406c0 4.688-1.129 9.38-1.125 14.069A2.523 2.523 0 0 0 179.763 44h5.48a2.53 2.53 0 1 0 0-5.06v-.006ZM217.901 41.462a2.54 2.54 0 0 1-.839 1.883 2.537 2.537 0 0 1-1.961.634 2.572 2.572 0 0 1-2.259-2.585v-.033a1.693 1.693 0 0 1 1.691-1.69h1.581a1.783 1.783 0 0 1 1.787 1.77v.021ZM215.371 38.351a1.98 1.98 0 0 1-1.894-1.391 2.003 2.003 0 0 1-.076-.829c.283-2.351.566-6.369.566-8.72a1.41 1.41 0 0 1 2.55-.822c.172.24.263.527.261.822 0 2.351.283 6.367.564 8.719a1.991 1.991 0 0 1-1.969 2.22l-.002.001ZM176.277 26.117a1.412 1.412 0 0 0-1.687.464l-.017.022a34.241 34.241 0 0 1-1.584 1.947.562.562 0 0 1-.854 0 35.881 35.881 0 0 1-1.584-1.947l-.017-.022a1.404 1.404 0 1 0-2.258 1.673c.784 1.02 1.851 2.732 2.33 3.515.161.266.231.577.198.887-.333 2.902-.759 5.804-.769 8.706 0 1.407 1.093 2.615 2.496 2.632a2.53 2.53 0 0 0 2.558-2.53c0-2.935-.441-5.871-.769-8.807-.034-.31.035-.622.197-.888.479-.782 1.544-2.497 2.329-3.515a1.41 1.41 0 0 0-.06-1.764 1.414 1.414 0 0 0-.509-.373ZM200.053 40.91c-1.027-4.57-3.232-9.238-4.258-13.813a1.406 1.406 0 0 0-2.741 0c-1.027 4.57-3.232 9.238-4.259 13.812a2.517 2.517 0 0 0 .375 1.975 2.525 2.525 0 0 0 1.697 1.078 2.575 2.575 0 0 0 2.881-2.02v-.02a.688.688 0 0 1 1.344 0v.02a2.576 2.576 0 0 0 2.881 2.02 2.531 2.531 0 0 0 2.097-2.025c.065-.34.059-.69-.017-1.028Zm-5.635-2.618a.387.387 0 0 1-.283-.127.4.4 0 0 1-.079-.137c-.017-.05-.022-.104-.017-.157.06-.61.096-1.218.096-1.83a.281.281 0 0 1 .28-.28.282.282 0 0 1 .281.28c0 .61.037 1.219.095 1.831a.39.39 0 0 1-.095.291.39.39 0 0 1-.278.129ZM210.812 27.413a1.412 1.412 0 0 0-.427-1.009 1.407 1.407 0 0 0-1.021-.395 1.442 1.442 0 0 0-1.361 1.462v1.207a1.408 1.408 0 0 1-2.4.993 1.408 1.408 0 0 1-.413-.993V27.47a1.442 1.442 0 0 0-1.361-1.463 1.407 1.407 0 0 0-1.448 1.405c0 4.683-1.125 9.37-1.125 14.052a2.531 2.531 0 0 0 4.318 1.789 2.527 2.527 0 0 0 .741-1.789c0-2.434-.304-4.87-.596-7.305a.879.879 0 0 1 .218-.688.88.88 0 0 1 1.499.32c.038.119.05.244.036.368-.293 2.436-.596 4.87-.596 7.305a2.527 2.527 0 0 0 2.53 2.53 2.529 2.529 0 0 0 2.529-2.53c.002-4.684-1.123-9.369-1.123-14.052Z' fill='%23FFFCAA'/%3E%3Cdefs%3E%3Cfilter id='a' x='.7' y='1.7' width='266.6' height='67.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='7.15' result='effect1_foregroundBlur_814_201'/%3E%3C/filter%3E%3Cfilter id='b' x='13.747' y='.747' width='240.506' height='70.506' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.626' result='effect1_foregroundBlur_814_201'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
157
+ }
116
158
  }
117
159
 
118
- .ctaInner::after {
160
+ .label {
119
161
  position: absolute;
120
- top: 50%;
121
- left: 50%;
122
- z-index: -1;
123
-
124
- width: 278px;
125
- height: 130px;
126
- background-image: url("data:image/svg+xml,%3Csvg width='278' height='130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234 65c0 11.598-9.402 21-21 21H65c-11.598 0-21-9.402-21-21s9.402-21 21-21h148c11.598 0 21 9.402 21 21Z' fill='url(%23b)'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234 65c0 11.598-9.402 21-21 21H65c-11.598 0-21-9.402-21-21s9.402-21 21-21h148c11.598 0 21 9.402 21 21Z' fill='url(%23d)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='230.935' y1='65' x2='44' y2='65' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBA54'/%3E%3Cstop offset='1' stop-color='%23907EFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='230.935' y1='65' x2='44' y2='65' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBA54'/%3E%3Cstop offset='1' stop-color='%23907EFF'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='278' height='130' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22' result='effect1_foregroundBlur_5_151'/%3E%3C/filter%3E%3Cfilter id='c' x='15' y='15' width='248' height='100' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='14.5' result='effect1_foregroundBlur_5_151'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
127
- transform: translate(-50%, -50%);
128
162
 
129
- content: '';
163
+ visibility: hidden;
130
164
  }
131
165
 
132
166
  .center {
@@ -17,16 +17,17 @@ export const DonatesTeaser: React.FC<DonatesTeaserProps> = ({
17
17
 
18
18
  const data = {
19
19
  ru: {
20
- title: '«Медуза» работает для вас',
21
- subtitle: 'Нам нужна ваша поддержка',
22
- button: 'Да!',
23
- href: 'https://mdza.io/WP4YuV4xTEM'
20
+ title: 'Meduza Loves You',
21
+ text: 'Ваша помощь важна. А&nbsp;любовь победит',
22
+ button: 'Yeah! Yeah! Yeah!',
23
+ href: 'https://mdza.io/7LFGwEFzFEc '
24
24
  },
25
+
25
26
  en: {
26
- title: 'Meduza is working for you',
27
- subtitle: 'And we need your support',
28
- button: 'Okay!',
29
- href: 'https://mdza.io/qopxag5BGec'
27
+ title: 'Meduza Loves You',
28
+ text: 'Your support matters. Love will prevail!',
29
+ button: 'Yeah! Yeah! Yeah!',
30
+ href: 'https://mdza.io/mzts1Ru0ci0'
30
31
  }
31
32
  }
32
33
 
@@ -34,18 +35,20 @@ export const DonatesTeaser: React.FC<DonatesTeaserProps> = ({
34
35
  <div data-testid="donates-teaser" className={makeClassName(classNames)}>
35
36
  <div className={styles.main}>
36
37
  <h3 className={styles.title}>
37
- <span dangerouslySetInnerHTML={{ __html: data[lang].title }} />
38
+ <div className={styles.logo} />
38
39
  {` `}
39
40
  <span
40
41
  className={styles.text}
41
- dangerouslySetInnerHTML={{ __html: data[lang].subtitle }}
42
+ dangerouslySetInnerHTML={{ __html: data[lang].text }}
42
43
  />
43
44
  </h3>
44
45
  </div>
45
46
 
46
47
  <div className={styles.cta}>
47
48
  <a href={data[lang].href} target="_blank" rel="noreferrer">
48
- <span className={styles.ctaInner}>{data[lang].button}</span>
49
+ <span className={styles.ctaInner}>
50
+ <span className={styles.label}>{data[lang].button}</span>
51
+ </span>
49
52
  </a>
50
53
  </div>
51
54
  </div>
File without changes