32 lines
567 B
SCSS
32 lines
567 B
SCSS
|
.reminderWrapper {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
padding: 30px 19px 24px;
|
||
|
|
row-gap: 24px;
|
||
|
|
background-color: rgba(234, 247, 250, 1);
|
||
|
|
.reminderTitle {
|
||
|
|
display: flex;
|
||
|
|
column-gap: 12px;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 16px;
|
||
|
|
color: rgba(15, 54, 117, 1);
|
||
|
|
.reminderAvatar {
|
||
|
|
width: 24px;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.reminderButtonWrapper {
|
||
|
|
display: flex;
|
||
|
|
column-gap: 14px;
|
||
|
|
align-items: center;
|
||
|
|
.reminderButton {
|
||
|
|
flex: 1;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 37px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|