/**
 * @file
 * Button presentation.
 */

.button:not(.pure-button),
.image-button {
  margin-right: 1em;
  margin-left: 1em;
}

.button:not(.pure-button):first-child {
  margin-right: 0;
  margin-left: 0;
}

.button {
  background-color: #e6e6e6;
  border: 1px solid #ccc;
}

.pure-button {
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  margin: .2em;
}

.button:first-child,
.image-button:first-child {
  margin: .2em;
}

/* PureCSS supplies form-action button dimensions and interaction states. */
.form-actions .pure-button {
  color: #222;
  background-color: #e6e6e6;
  border: 0;
  margin: .2em;
  text-decoration: none;
}

.form-actions .pure-button.zp-button-preview {
  background-color: #d3eda3;
}

.form-actions .pure-button.zp-button-danger,
.form-actions .pure-button.button--danger {
  background-color: #f5ab9e;
}

.form-actions .pure-button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.rnd .form-actions .pure-button {
  border-radius: 5px;
}

/* Rounded-corner controls share the theme setting, including vendor defaults. */
body:not(.rnd) .form-actions .pure-button {
  border-radius: 0;
}