.button {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}

.button--primary {
  background-color: var(--color-gray-700);
  color: var(--color-white);
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s;
}

.button--primary:hover {
  background-color: var(--color-gray-900);
}