@import "../vc_ui-button.less";
@import "../vc_ui-icon-pixel.less";

@vcui-panel-footer-padding-horizontal: 15px;
@vcui-panel-footer-padding-vertical: 10px;
@vcui-panel-footer-font-size: 14px;
@vcui-panel-footer-background: #f9f9f9;

.vc_ui-panel-footer-container {
  padding: @vcui-panel-footer-padding-vertical @vcui-panel-footer-padding-horizontal;
  background: @vcui-panel-footer-background;
  margin: 0;
  font-size: @vcui-panel-footer-font-size;
}

.vc_ui-panel-footer {

  // button behavior
  .vc_ui-button-group {
    display: flex;
    gap: 10px;
    box-sizing: border-box;
  }
  .vc_ui-button-fw {
    .vc-c-icon-check {
      font-weight: bold;
      margin-right: 10px;
    }
  }

  .vc_general.vc_ui-button {
    flex: 0 1 140px;
    padding-left: 0;
    padding-right: 0;
  }
}