.button {
  appearance: none;
  border: 0;
  border-radius: 0;
  color: var(--colors-black);
  padding: var(--spacing-sm) var(--spacing-lg);
  
  font-family: var(--font-family);
  font-size: var(--font-size-text);
  line-height: var(--line-height-text);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}

.button:hover {
  cursor: pointer;
}

.button--tertiary {
  background-color: var(--colors-white);
}