.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  transition: transform 0.125s ease, box-shadow 0.125s ease;
  box-shadow: 0 5px 5px #a1a1a100;
  font-family: "San Francisco";
}

.button:hover {
	transform: translateY(-2px);
	box-shadow: 5px 5px 5px #a1a1a1;
}

.button:active {
	transform: translate(1px, 1px);
	box-shadow: 0 0px 0px #a1a1a1;
}