body {
  --bgs-action-neutral-bg: #f2f4f7;
  --bgs-action-neutral-bg-hover: #e6ebf0;
  --bgs-action-neutral-bg-active: #dbe2e8;
  --bgs-action-neutral-color: #4b5563;
  --bgs-action-neutral-color-strong: #1f2937;
  --bgs-action-primary-bg: #16a34a;
  --bgs-action-primary-bg-hover: #15803d;
  --bgs-action-primary-bg-active: #166534;
  --bgs-action-primary-color: #ffffff;
  --bgs-action-focus-ring: rgba(0, 153, 51, 0.2);
  --bgs-begasoft-blue: #004388;
}

body .ui-button.bgs-action-button,
body .ui-button.rounded-button.ui-button-icon-only.bgsonly {
  border: none;
  border-radius: 12px;
  box-shadow: none;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

body .ui-button.bgs-action-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem var(--bgs-action-focus-ring);
}

body .ui-button.bgs-action-button.ui-state-disabled,
body .ui-button.bgs-action-button.ui-button-disabled {
  opacity: 0.55;
}

body .ui-button.bgs-action-button.bgs-action-button--icon {
  min-width: 2.5rem;
}

body .ui-button.bgs-action-button.bgs-action-button--icon.ui-button-icon-only {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 12px;
}

body .ui-button.bgs-action-button.bgs-action-button--icon.ui-button-text-icon-left,
body .ui-button.bgs-action-button.bgs-action-button--icon.ui-button-text-icon-right {
  min-height: 2.5rem;
}

body .ui-button.bgs-action-button.bgs-action-button--neutral {
  background: var(--bgs-action-neutral-bg);
  color: var(--bgs-action-neutral-color);
}

body .ui-button.bgs-action-button.bgs-action-button--neutral .ui-icon {
  color: inherit;
}

body .ui-button.bgs-action-button.bgs-action-button--neutral.ui-state-hover {
  background: var(--bgs-action-neutral-bg-hover);
  color: var(--bgs-action-neutral-color-strong);
}

body .ui-button.bgs-action-button.bgs-action-button--neutral.ui-state-active,
body .ui-button.bgs-action-button.bgs-action-button--neutral.ui-state-down {
  background: var(--bgs-action-neutral-bg-active);
  color: var(--bgs-action-neutral-color-strong);
}

body .ui-button.bgs-action-button.bgs-action-button--primary {
  background: var(--bgs-action-primary-bg);
  color: var(--bgs-action-primary-color);
}

body .ui-button.bgs-action-button.bgs-action-button--primary .ui-icon {
  color: inherit;
}

body .ui-button.bgs-action-button.bgs-action-button--primary.ui-state-hover {
  background: var(--bgs-action-primary-bg-hover);
  color: var(--bgs-action-primary-color);
}

body .ui-button.bgs-action-button.bgs-action-button--primary.ui-state-active,
body .ui-button.bgs-action-button.bgs-action-button--primary.ui-state-down {
  background: var(--bgs-action-primary-bg-active);
  color: var(--bgs-action-primary-color);
}

body .table-header .table-header-buttons {
  gap: 0.625rem;
}

body .table-header .table-header-buttons .ui-button.bgs-action-button,
body .ui-datatable tbody td .ui-button.bgs-action-button,
body .ui-treetable tbody td .ui-button.bgs-action-button {
  margin: 0;
  margin-left: 0.375rem;
  vertical-align: middle;
}

/* bgs-only Buttons */
body .ui-button.bgsonly {
  background: var(--bgs-begasoft-blue);
  color: white;
  border-color: var(--bgs-begasoft-blue);
}

body .ui-button.ui-button-secondary,
body .ui-wizard .ui-wizard-navbar .ui-button.ui-wizard-nav-back,
body .ui-menubutton.ui-button-secondary > .ui-button {
  color: var(--primary-color);
  background: white;
  border: 1px solid var(--primary-color);
}
body .ui-button.ui-button-secondary.ui-state-hover,
body .ui-button.ui-button-secondary:not(:disabled):hover,
body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover,
body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover,
body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover:not(:disabled):hover {
  color: white;
  background: var(--primary-color);
  border-color: var(--primary-color);
}