2021-10-19 19:01:42 +02:00
|
|
|
.onboarding-metametrics {
|
2022-05-16 20:38:04 +02:00
|
|
|
@media screen and (min-width: $break-large) {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
2021-10-19 19:01:42 +02:00
|
|
|
|
|
|
|
ul {
|
|
|
|
margin: 24px 0 0 0;
|
|
|
|
|
|
|
|
li {
|
|
|
|
padding-bottom: 20px;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.fa {
|
|
|
|
width: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fa-check {
|
|
|
|
margin-inline-end: 12px;
|
2022-03-23 16:38:43 +01:00
|
|
|
color: var(--color-success-default);
|
2021-10-19 19:01:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.fa-times {
|
|
|
|
margin-inline-end: 12px;
|
2022-03-23 16:38:43 +01:00
|
|
|
color: var(--color-error-default);
|
2021-10-19 19:01:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&__terms a {
|
2022-03-23 16:38:43 +01:00
|
|
|
color: var(--color-primary-default);
|
2021-10-19 19:01:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&__buttons {
|
2022-05-16 20:38:04 +02:00
|
|
|
margin-top: 24px;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
|
|
margin-top: 40px;
|
|
|
|
justify-content: space-between;
|
|
|
|
display: flex;
|
|
|
|
}
|
2021-10-19 19:01:42 +02:00
|
|
|
|
|
|
|
button {
|
|
|
|
margin-bottom: 24px;
|
2022-05-16 20:38:04 +02:00
|
|
|
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
|
|
width: 200px;
|
|
|
|
}
|
2021-10-19 19:01:42 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|