.btn-jon-primary {
  background: var(--bs-primary-color) !important;
  border-radius: 7px;
  color: #fff;
  font-family: Helvetica Neue Bold;
  letter-spacing: 1px;
  transition: 0.5s;
  padding: 15px 30px;
  font-size: 22px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .btn-jon-primary {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.btn-jon-primary:hover {
  color: #fff;
  background-color: var(--bs-secondary-color) !important;
  border-color: var(--bs-secondary-color) !important;
  text-decoration: none !important;
}

.btn-jon-secondary {
  background-color: var(--bs-secondary-color) !important;
  border-radius: 7px;
  color: #fff;
  font-family: Helvetica Neue Bold;
  letter-spacing: 1px;
  transition: 0.5s;
  padding: 15px 30px;
  font-size: 22px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .btn-jon-secondary {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.btn-jon-secondary:hover {
  color: #fff;
  background-color: var(--bs-primary-color) !important;
  border-color: var(--bs-primary-color) !important;
  text-decoration: none !important;
}

.btn-orange {
  background: var(--bs-primary-color);
  border-radius: 7px;
  color: #fff;
  font-family: Helvetica Neue Bold;
  letter-spacing: 1px;
  transition: 0.5s;
  padding: 15px 30px;
  font-size: 22px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .btn-orange {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.btn-orange:hover {
  color: #fff;
  background-color: var(--bs-secondary-color) !important;
  border-color: var(--bs-secondary-color) !important;
  text-decoration: none !important;
}