.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:14px 24px;

  border-radius:999px;

  font-weight:800;

  transition:.25s ease;
}

.btn:hover{
  transform:translateY(-2px);
}

.primary{
  background:var(--green);
  color:var(--cream);
}

.secondary{
  border:1px solid rgba(255,255,255,.35);
  color:white;
}

.badge,
.section-label{
  display:inline-flex;

  padding:8px 14px;

  border-radius:999px;

  font-size:14px;
  font-weight:800;
}

.badge{
  background:rgba(255,255,255,.12);
  color:white;
  border:1px solid rgba(255,255,255,.22);
}

.section-label{
  background:#fff0d6;
  color:var(--orange);
}

.section-label.light{
  background:rgba(255,255,255,.12);
  color:var(--orange-light);
}