web/plugins/leave-source/src/lib/mobile/style/confirm-dialog-layout.scss

@import '../../../assets/style/_variables.scss';
@import './dialog-layout.scss';

$button_border: rgba(0, 0, 0, 0.1);

.confirm-dialog-content {
  display: flex;
  flex-direction: column;
}
.confirm-dialog-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0 8px;
}
.confirm-dialog-title {
  font-size: 18px;
  line-height: 26px;
  color: #171826;
}
.confirm-dialog-main {
  padding: 6px 24px;
  flex: 1;
  font-size: 15px;
  line-height: 22px;
  color: rgba(95, 94, 100);
}
.confirm-dialog-footer {
  display: flex;
  border-top: 1px solid $button_border;
}
.confirm-dialog-button {
  height: 46px;
  flex: 1;
  font-size: 18px;
  line-height: 26px;
  color: #171826;
  background-color: #fff;
  border: none;
  &.cancel-button {
    border-right: 1px solid $button_border;
  }
  &.confirm-button {
    color: $color_main;
  }
}