.btn-container {
  display: flex;
  margin: 2rem 0;
}

.btn {
  border-radius: 2rem;
  border: 1px solid;
  padding: 0.6rem 1.2rem;
  font-weight: 600;
}
.btn:hover {
  border: 1px solid;
}
.btn.btn-transparent {
  background-color: transparent;
  border-color: white;
}
.btn.btn-transparent:hover {
  background-color: white;
}

.btn-primary {
  color: white;
  background-color: #0099C9;
  border-color: #0099C9;
}
.btn-primary:hover {
  color: #38B6AB;
  background-color: white;
  border-color: #38B6AB;
}
.btn-primary.active {
  color: #38B6AB;
  background-color: white;
  border-color: #38B6AB;
}

.btn-secondary {
  color: #38B6AB;
  background-color: white;
  border-color: #38B6AB;
}
.btn-secondary:hover {
  color: #38B6AB;
  background-color: white;
  border-color: #38B6AB;
}
.btn-secondary.home-btn-cta::before {
  background-color: #38B6AB;
}