a.button,
a.button:visited {
  background-color: transparent;
  color: var(--foreground-color);
  border: 1px solid var(--foreground-color);
  text-decoration: none;
  padding: 0.7rem 1.4rem;
  display: inline-block;
  text-align: center;
  font-size: var(--step-0);
  transition: 0.25s;
  border-radius: 100vh;
  font-family: Helvetica, sans-serif;
}

a.button:hover,
a.button:focus {
  cursor: pointer;
  background-color: var(--foreground-color);
  color: var(--background-color);
  border: 1px solid var(--foreground-color);
}