.btn, .btn-primary {
  cursor: pointer;
  background-color: var(--bs-primary);
  color: var(--bs-white);
  line-height: 48px;
  font-size: 13px;
  font-weight: 600;
  padding: 0 28px;
  border: none !important;
  white-space: nowrap;
  transition: all 0.2s linear 0s;
  margin: 0;
  text-align: center;
  border-radius: 50px;
}

.btn:hover,
.btn:focus {
  background-color: var(--bs-dark);
}

.btn-secondary {
  background-color: var(--secondary-500);
  color: var(--bs-white);
}

.btn-secondary:is(:hover,:focus) {
  background-color: var(--secondary-700);
}

.btn-default {
  background-color: var(--gray-200);
  color: var(--gray-800);
}

.btn-default:is(:hover,:focus) {
  background-color: var(--gray-300);
  color: var(--gray-800);
}