1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
|
@import settings
.google-analytics-message
position: fixed
left: 0
bottom: 0
z-index: 2
display: none
width: 100%
background-color: $white
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12)
+resolution(0, 991)
padding: 32px
+resolution(992, 1200)
padding: 32px 50px
+resolution(1201)
padding: 32px
&.open
display: flex
justify-content: center
box-sizing: border-box
.containerCustom
display: flex
flex-direction: column
position: relative
box-sizing: border-box
+resolution(0, 575)
padding: 0
+resolution(576)
padding: 0
+resolution(992, 1200)
max-width: unset
svg
position: absolute
z-index: 3
right: 0
width: 18px
height: 18px
top: 0
stroke: $grey-dark
transition: stroke 250ms linear
&:hover
stroke: $primary
&:active
stroke: $secondary
h5
font-weight: 600
letter-spacing: -0.04em
+resolution(0, 575)
font-size: 16px
+resolution(576)
font-size: 20px
p
font-family: $r
letter-spacing: $em
color: $grey-dark
font-weight: 400
margin-top: 16px
+resolution(0, 575)
font-size: 14px
+resolution(576)
font-size: 16px
+resolution(992)
max-width: 95%
.buttons
display: grid
margin-top: 24px
+resolution(576)
grid-template-columns: auto auto 1fr
grid-column-gap: 20px
+resolution(0, 575)
grid-column-gap: 10px
grid-template-columns: 1fr 1fr
.accept,
.decline
height: 40px
border-radius: 4px
display: flex
justify-content: center
align-items: center
font-family: $a
font-weight: 700
letter-spacing: $em
font-size: 16px
+resolution(576)
width: 120px
+resolution(0, 575)
width: 100%
.accept
color: $white
border: none
transition: outline 250ms linear
position: relative
z-index: 2
background-color: #FFBF12
&::before
content: ''
position: absolute
top: 0
left: 0
background: linear-gradient(135deg, #FF9000 0%, #FFBF12 100%)
width: 100%
height: 100%
transition: opacity 0.250s linear
z-index: -1
border-radius: 4px
&:hover
&::before
opacity: 0.2
&:active
outline: 3px solid rgba(255, 144, 0, 0.25)
&::before
opacity: 0.80
.decline
color: $black
border: 2px solid $primary
background-color: transparent
transition: color 250ms linear, outline 250ms linear, border-color 250ms linear
&:hover
color: $primary
border-color: $secondary
&:active
color: $black
border-coolor: $primary
outline: 3px solid rgba(255, 144, 0, 0.25)
|
