| 1 |
.eps-dialog { |
| 2 |
border-radius: 3px; |
| 3 |
width: 375px; |
| 4 |
|
| 5 |
&__close-button { |
| 6 |
position: absolute; |
| 7 |
top: spacing(44) * -1; |
| 8 |
right: spacing(44) * -1; |
| 9 |
margin-top: spacing(10); |
| 10 |
margin-right: spacing(10); |
| 11 |
z-index: $eps-zindex-modal; |
| 12 |
font-size: type(size, "20"); |
| 13 |
color: theme-colors(light); |
| 14 |
} |
| 15 |
|
| 16 |
&__content { |
| 17 |
padding: spacing(24) spacing(30) spacing(16); |
| 18 |
font-size: type(text, xs); |
| 19 |
} |
| 20 |
|
| 21 |
&__title, &__text { |
| 22 |
text-align: center; |
| 23 |
} |
| 24 |
|
| 25 |
&__buttons { |
| 26 |
display: flex; |
| 27 |
} |
| 28 |
|
| 29 |
&__button { |
| 30 |
flex: 1; |
| 31 |
border-top: 1px solid var(--hr-color); |
| 32 |
line-height: spacing(44); |
| 33 |
text-align: center; |
| 34 |
justify-content: center; |
| 35 |
|
| 36 |
&:last-child:not(:first-child) { |
| 37 |
border-inline-start: 1px solid var(--hr-color); |
| 38 |
} |
| 39 |
} |
| 40 |
} |
| 41 |
|
