body{
	background: #222;
	text-align: center;
	font-family: 'roboto', sans-serif;
	padding-top: 20px;
}

h1{
	color: white;
	margin-bottom: 40px;
}

#wrapper{
	display: block;
	margin-bottom: 100px;
}

div{
	width: auto;
	height: 50px;
}


.button{
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 20px;
	position: relative;
	padding: 10px;
}
/* Button two */
a.button.two:before, a.button.two:after{
  opacity: 0;
  transition: all 0.3s ease;	
	font-size: 20px;
}
a.button.two:before{
  content: '[';
}
a.button.two:after{
  content: ']';
}

a.button.two:hover:before{
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 1;
}
a.button.two:hover:after{
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 1;
}

/* Credits to https://codepen.io/samvdh/pen/MmZzyR */