.btn-primary-mgmt {
  --bs-btn-bg: var(--op-primary);
  --bs-btn-color: var(--op-white);
  --bs-btn-border-color: var(--op-primary);

  --bs-btn-hover-bg: var(--op-blue-500);
  --bs-btn-hover-color: var(--op-white);
  --bs-btn-hover-border-color: var(--op-blue-500);

  --bs-btn-active-bg: var(--op-blue-500);
  --bs-btn-active-color: var(--op-white);
  --bs-btn-active-border-color: var(--op-blue-500);

  --bs-btn-disabled-bg: var(--op-primary);
  --bs-btn-disabled-color: var(--op-white);
  --bs-btn-disabled-border-color: var(--op-primary);
  --bs-btn-disabled-opacity: 0.3;
}

.btn-outline-primary-mgmt {
  --bs-btn-bg: var(--op-white);
  --bs-btn-color: var(--op-primary);
  --bs-btn-border-color: var(--op-primary);

  --bs-btn-hover-bg: var(--op-primary);
  --bs-btn-hover-color: var(--op-white);
  --bs-btn-hover-border-color: var(--op-primary);

  --bs-btn-active-bg: var(--op-primary);
  --bs-btn-active-color: var(--op-white);
  --bs-btn-active-border-color: var(--op-primary);

  --bs-btn-disabled-bg: var(--op-white);
  --bs-btn-disabled-color: var(--op-primary);
  --bs-btn-disabled-border-color: var(--op-primary);
  --bs-btn-disabled-opacity: 0.3;
}

.btn-danger-mgmt {
  --bs-btn-bg: var(--op-danger);
  --bs-btn-color: var(--op-white);
  --bs-btn-border-color: var(--op-danger);

  --bs-btn-hover-bg: var(--op-red-600);
  --bs-btn-hover-color: var(--op-white);
  --bs-btn-hover-border-color: var(--op-red-600);

  --bs-btn-active-bg: var(--op-red-600);
  --bs-btn-active-color: var(--op-white);
  --bs-btn-active-border-color: var(--op-red-600);

  --bs-btn-disabled-bg: var(--op-danger);
  --bs-btn-disabled-color: var(--op-white);
  --bs-btn-disabled-border-color: var(--op-danger);
  --bs-btn-disabled-opacity: 0.3;
}

.btn-outline-danger-mgmt {
  --bs-btn-bg: var(--op-white);
  --bs-btn-color: var(--op-danger);
  --bs-btn-border-color: var(--op-danger);

  --bs-btn-hover-bg: var(--op-danger);
  --bs-btn-hover-color: var(--op-white);
  --bs-btn-hover-border-color: var(--op-danger);

  --bs-btn-active-bg: var(--op-danger);
  --bs-btn-active-color: var(--op-white);
  --bs-btn-active-border-color: var(--op-danger);

  --bs-btn-disabled-bg: var(--op-white);
  --bs-btn-disabled-color: var(--op-danger);
  --bs-btn-disabled-border-color: var(--op-danger);
  --bs-btn-disabled-opacity: 0.3;
}

.btn-light-mgmt {
  background-color: inherit;
  --bs-btn-color: var(--op-gray-900);
  border: none;

  --bs-btn-hover-bg: var(--op-gray-200);

  --bs-btn-active-bg: var(--op-gray-200);

  --bs-btn-disabled-color: var(--op-gray-900);
  --bs-btn-disabled-opacity: 0.3;
}

.btn-link-mgmt {
  background-color: inherit;
  --bs-btn-color: var(--op-primary);
  border: none;

  --bs-btn-hover-bg: var(--op-gray-300);
  --bs-btn-hover-color: var(--op-blue-500);

  --bs-btn-active-bg: var(--op-gray-300);
  --bs-btn-active-color: var(--op-blue-500);

  --bs-btn-disabled-color: var(--op-primary);
  --bs-btn-disabled-opacity: 0.3;
}

.btn-secondary-mgmt {
  --bs-btn-bg: var(--op-secondary);
  --bs-btn-color: var(--op-white);
  --bs-btn-border-color: var(--op-secondary);

  --bs-btn-hover-bg: var(--op-gray-500);
  --bs-btn-hover-color: var(--op-white);
  --bs-btn-hover-border-color: var(--op-gray-500);

  --bs-btn-active-bg: var(--op-gray-500);
  --bs-btn-active-color: var(--op-white);
  --bs-btn-active-border-color: var(--op-gray-500);

  --bs-btn-disabled-bg: var(--op-secondary);
  --bs-btn-disabled-color: var(--op-white);
  --bs-btn-disabled-border-color: var(--op-secondary);
  --bs-btn-disabled-opacity: 0.3;
}