#menu button {
  background: none;
  border-radius: 15em;
  border: 1px solid #C1BCCD;
  display: inline-block;
  cursor: pointer;
  color: #C1BCCD;
	padding: 6px 12px;
  text-decoration: none;
  margin: .25em;
}

#menu button:hover {
  color: #2E384B;
	background-color: #C1BCCD;
}

button:active {
	position:relative;
	border-radius: 2px;
	top:1px;
}

button.btn a {
  border-radius: 2px;
	color: #8757E3;
}

button.btn:hover a {
  border-radius: 2px;
	color: #ffffff;
}

button.outline-main,
.button.outline-main {
	background: rgba(0, 0, 0, 0);
	border-radius:2px;
	/* border: 1px solid #8757E3; */
	border: none;
	display:inline-block;
	cursor:pointer;
	color:#8757E3;
	padding:7px 16px;
	text-decoration:none;
}

button.outline-main:hover {
  color: #ffffff;
	background-color:#8757E3;
}

button.outline-grey,
.button.outline-grey {
	background: rgba(0, 0, 0, 0);
	border-radius:2px;
	border: 1px solid #73707A;
	display:inline-block;
	cursor:pointer;
	color:#73707A;
	padding:7px 16px;
	text-decoration:none;
}

button.outline-grey:hover {
  color: #ffffff;
	background-color:#73707A;
}

button.outline:active {
	position:relative;
	top:1px;
}

button.ghost:hover {
  color: #8757E3;
	background-color:#EBEBEB;
}

button.ghost,
.button.ghost {
	background: rgba(0, 0, 0, 0);
	color:#8757E3;
	border: none;
	display:inline-block;
	cursor:pointer;
	padding:7px 16px;
	text-decoration:none;
}

button.ghost:active {
	position:relative;
	top:1px;
}