@import '@/styles/variables.less';

.picker-toolbar {
  width: 100%;
  padding: 16px 24px;
  border-top: solid 1px #E0E0E0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  .button(@borderColor) {
    width: calc(50% - 36px);
    height: 80px;
    line-height: 78px;
    border-radius: 48px;
    padding: 0;
    margin: 0;
    border: solid 1px @borderColor;
  }

  &__button-cancel {
    .button(#E0E0E0);
    margin-right: 24px;
    color: @blColor;
    background: #FFFFFF;

    &::after {
      border-color: transparent
    }
  }

  &__button-confirm {
    .button(@blHighlightColor);
    color: #FFFFFF;
    background: @blHighlightColor;
  }
}