/* All buttons in dialog content pane. */
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button,
/* Save / close buttons in main builder interface. */
.lpb-form__actions .button,
/* Dialog button pane buttons. */
.lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button,
.me-dialog__buttonpane .button {

  /* Remove hyper-specific gin theme styles. */
  border: none !important;
  border-radius: 2px !important;

  /* Fonts */
  font-size: var(--me-font-size-button, calc(13px + 2 * ((100vw - 320px) / 1360)));
  font-family: var(--me-font-family-sans);
  font-weight: 700;
  letter-spacing: var(--me-letter-spacing-loose);
  text-transform: uppercase;
  line-height: 1.1;

  /* Layout */
  display: inline-block;
  height: auto;
  padding: .6em;
  position: relative;
  vertical-align: middle;
  margin: 0;

  /* Color */
  color: var(--me-color-text);
  background-color: var(--me-color-button);

  /* Transition */
  transition: var(--me-transition)

  /* States */

}
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button:hover, .lpb-form__actions .button:hover, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:hover, .me-dialog__buttonpane .button:hover {
    background-color: var(--me-color-button-hover);
    color: var(--me-color-text);
  }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button,
/* Save / close buttons in main builder interface. */
.lpb-form__actions .button,
/* Dialog button pane buttons. */
.lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button,
.me-dialog__buttonpane .button {

  /* Cancel button */

}
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.lpb-btn--cancel, .lpb-form__actions .button.lpb-btn--cancel, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.lpb-btn--cancel, .me-dialog__buttonpane .button.lpb-btn--cancel {
    background-color: var(--me-color-button-cancel)
  }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.lpb-btn--cancel:hover, .lpb-form__actions .button.lpb-btn--cancel:hover, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.lpb-btn--cancel:hover, .me-dialog__buttonpane .button.lpb-btn--cancel:hover {
      background-color: var(--me-color-button-cancel-hover);
    }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button,
/* Save / close buttons in main builder interface. */
.lpb-form__actions .button,
/* Dialog button pane buttons. */
.lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button,
.me-dialog__buttonpane .button {

  /* Save buttons */

}
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.lpb-btn--save,
  .lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.button--primary,
  .lpb-form__actions .button.lpb-btn--save,
  .lpb-form__actions .button.button--primary,
  .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.lpb-btn--save,
  .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--primary,
  .me-dialog__buttonpane .button.lpb-btn--save,
  .me-dialog__buttonpane .button.button--primary {
    background-color: var(--me-color-button-save)
  }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.lpb-btn--save:hover, .lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.button--primary:hover, .lpb-form__actions .button.lpb-btn--save:hover, .lpb-form__actions .button.button--primary:hover, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.lpb-btn--save:hover, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--primary:hover, .me-dialog__buttonpane .button.lpb-btn--save:hover, .me-dialog__buttonpane .button.button--primary:hover {
      background-color: var(--me-color-button-save-hover);
    }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.action-link, .lpb-form__actions .button.action-link, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.action-link, .me-dialog__buttonpane .button.action-link {
    background: none;
    position: relative
  }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.action-link:hover, .lpb-form__actions .button.action-link:hover, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.action-link:hover, .me-dialog__buttonpane .button.action-link:hover {
      text-decoration: underline;
    }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.action-link--icon-trash, .lpb-form__actions .button.action-link--icon-trash, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.action-link--icon-trash, .me-dialog__buttonpane .button.action-link--icon-trash {
    padding-left: 25px;
    margin-right: 0;
    float: right
  }
.lpb-dialog.ui-dialog .ui-dialog-content.ui-widget-content .button.action-link--icon-trash:before, .lpb-form__actions .button.action-link--icon-trash:before, .lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.action-link--icon-trash:before, .me-dialog__buttonpane .button.action-link--icon-trash:before {
      position: absolute;
      left: 0;
      content: "\274c"; /* use the hex value here... */
      color: #FFF;
      text-align: center;
    }

.me-dialog__buttonpane .button + .button {
  margin-left: .75rem;
}

.lpb-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
  margin-left: 8px;
}

/* Add Section Buttons */
.lp-builder .lpb-btn {
    line-height: 24px;
    font-weight: var(--me-font-weight-medium);
    text-transform: uppercase;
    z-index: 540;
    border-radius: 3px;
    background-color: #00659B;
    color: #fff;
  }
.lp-builder .lpb-btn.before {
    top: -18px;
  }
.lp-builder .lpb-btn.after {
    bottom: -18px;
  }