.button {
  padding: 0.5em 0.9em;

  font: inherit;
  white-space: nowrap;
  border-radius: var(--radius);
  cursor: pointer;
  text-decoration: none;

  background: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--color-gray);
}

.button--primary {
  background: var(--color-green);
  color: var(--color-white);
  border-color: var(--color-green);
}
.button--secondary {
  background: var(--color-gray-dark);
  color: var(--color-white);
  border-color: var(--color-gray-dark);
}
.button--danger {
  background: var(--color-red);
  color: var(--color-white);
  border-color: var(--color-red);
}