form.webform-submission-form .form-actions.ucla-webform-actions {
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  overflow: visible !important;
  width: 100%;
}

form.webform-submission-form .form-actions.ucla-webform-actions:not(.js-webform-states-hidden) {
  display: flex !important;
}

form.webform-submission-form .form-actions.ucla-webform-actions.js-webform-states-hidden[style*="display: block"] {
  display: flex !important;
}

form.webform-submission-form .ucla-webform-actions > .webform-button--previous {
  order: 10;
}

form.webform-submission-form .ucla-webform-actions > .ucla-webform-action--reset {
  order: 20;
}

form.webform-submission-form .ucla-webform-actions > .ucla-webform-action--draft {
  margin-left: auto;
  order: 30;
}

form.webform-submission-form .ucla-webform-actions > .webform-button--next,
form.webform-submission-form .ucla-webform-actions > .webform-button--preview,
form.webform-submission-form .ucla-webform-actions > .webform-button--submit {
  order: 40;
}

form.webform-submission-form .ucla-webform-actions > .webform-button--previous,
form.webform-submission-form .ucla-webform-actions > .webform-button--next,
form.webform-submission-form .ucla-webform-actions > .webform-button--preview,
form.webform-submission-form .ucla-webform-actions > .webform-button--submit {
  background: #ffd100 !important;
  border: 0 !important;
  color: #000 !important;
  float: none !important;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 !important;
  padding: 0.75rem 1.25rem !important;
  width: auto !important;
  border-radius: 10px;
}

form.webform-submission-form .ucla-webform-actions > .webform-button--previous:hover,
form.webform-submission-form .ucla-webform-actions > .webform-button--previous:focus,
form.webform-submission-form .ucla-webform-actions > .webform-button--next:hover,
form.webform-submission-form .ucla-webform-actions > .webform-button--next:focus,
form.webform-submission-form .ucla-webform-actions > .webform-button--preview:hover,
form.webform-submission-form .ucla-webform-actions > .webform-button--preview:focus,
form.webform-submission-form .ucla-webform-actions > .webform-button--submit:hover,
form.webform-submission-form .ucla-webform-actions > .webform-button--submit:focus {
  background: #ffb81c !important;
  color: #000 !important;
}

form.webform-submission-form .ucla-webform-action {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.35rem;
}

form.webform-submission-form .ucla-webform-action__icon {
  color: #000;
  flex: 0 0 auto;
  pointer-events: none;
}

form.webform-submission-form .ucla-webform-action > .webform-button--draft,
form.webform-submission-form .ucla-webform-action > .webform-button--reset {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  float: none !important;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

form.webform-submission-form .ucla-webform-action > .webform-button--draft:hover,
form.webform-submission-form .ucla-webform-action > .webform-button--draft:focus,
form.webform-submission-form .ucla-webform-action > .webform-button--reset:hover,
form.webform-submission-form .ucla-webform-action > .webform-button--reset:focus {
  background: transparent !important;
  color: #000 !important;
  text-decoration: underline;
}

@media (max-width: 47.99rem) {
  form.webform-submission-form .form-actions.ucla-webform-actions {
    flex-wrap: wrap;
  }

  form.webform-submission-form .ucla-webform-actions > .webform-button--previous,
  form.webform-submission-form .ucla-webform-actions > .webform-button--next,
  form.webform-submission-form .ucla-webform-actions > .webform-button--preview,
  form.webform-submission-form .ucla-webform-actions > .webform-button--submit {
    min-width: 5.625rem !important;
    padding: 0.625rem 0.75rem;
  }
}