.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--btn-1-bg);
  --bs-btn-border-color: var(--btn-1-bg);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--btn-1-bg-hvr);

  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-primary {
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-bg);
  border-radius: var(--btn-bdr-r);
  padding: var(--btn-p-1);
  font-size: 1rem;

  &:hover, &:focus {
    background-color: var(--bs-btn-hover-bg);
  }
}

.button {
  padding: var(--btn-p-1);
  &.button--danger {
    color:#FF3232 ;
  }
}