button {
  border-radius: 8px;
  border: none;
  color: var(--neutral-3);
  font-size: var(--small);
  padding: 14px;
  width: 100%;
  /* letter-spacing: 1px; */
  transition: transform 80ms ease-in;
}

button:active {
  transform: scale(0.95);
}

button:focus {
  outline: none;
}

button.ghost {
  color: var(--neutral-6);
  background-color: transparent;
}

button.orange {
  background-color: var(--brand-2);
}

button.green {
  background-color: var(--brand-3);
}

button.blue {
  background-color: var(--brand-4);
}

button.blue-outline {
  color: var(--brand-2);
  background-color: transparent;
}

button.border-neutral-7 {
  border: 1px solid var(--neutral-7);
}