.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  outline-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--text-color-with-primary) !important;
  box-shadow: none !important;
}

.btn-outline-primary,
.btn-outline-primary span {
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.btn-outline-secondary,
.btn-outline-secondary span {
  background-color: transparent !important;
  border-color: var(--text-primary) !important;
  color: var(--text-primary) !important;
}

.btn-success,
.btn-success span {
  background-color: var(--success-color) !important;
  border-color: var(--success-color) !important;
  color: var(--text-color-with-bg) !important;
}
.btn-outline-danger {
  background-color: transparent !important;
  border-color: var(--danger-color) !important;
  color: var(--danger-color) !important;
}
.btn-danger {
  background-color: var(--danger-color) !important;
  border-color: var(--danger-color) !important;
  color: var(--text-color-with-bg) !important;
}

.btn-arrow-back {
  font-size: var(--font-size2);
  width: max-content !important;
  color: var(--primary-color) !important;
  border: none !important;
}
.btn-arrow-back i {
  font-size: var(--font-size3);
}