.btn {
    height: 48px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    border-radius: 6px;
}

.btn--primary {
  background-color: #31724D;
  color: #fff;
}

.btn--primary:hover {
  background-color: #00774bcc;
  color: #fff !important;
}

.btn--ghost {
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #dc8419;
}

.btn--ghost span {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}