62 lines
1.1 KiB
SCSS
62 lines
1.1 KiB
SCSS
|
.backDrop {
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
background-color: rgba(0, 0, 0, 0.11);
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
display: flex;
|
||
|
z-index: 11;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
|
||
|
.acceptModal {
|
||
|
border-radius: 20px;
|
||
|
background: linear-gradient(180deg, #FFF 0%, #EBEBEB 100%);
|
||
|
padding: 50px 34px 25px;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
position: relative;
|
||
|
row-gap: 25px;
|
||
|
|
||
|
&__title {
|
||
|
max-width: 260px;
|
||
|
font-size: 18px;
|
||
|
font-weight: 500;
|
||
|
text-align: center;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
&__buttons {
|
||
|
display: flex;
|
||
|
column-gap: 20px;
|
||
|
|
||
|
button {
|
||
|
min-width: 90px;
|
||
|
height: 37px;
|
||
|
border-radius: 44px;
|
||
|
border: none;
|
||
|
font-size: 14px;
|
||
|
font-weight: 500;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.agree {
|
||
|
background: #52B709;
|
||
|
}
|
||
|
|
||
|
.cancel {
|
||
|
background: #B0BABF;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&__close {
|
||
|
position: absolute;
|
||
|
top: 15px;
|
||
|
right: 22px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
}
|
||
|
}
|