/*===========================================
 * Common
 *===========================================*/
body,
html {
	margin:0;
	padding:0;
}
body {
	padding:50px;
	background:#f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

.button {
	display: inline-block;
	border-radius: 4px;
	background-color: #f4511e;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 28px;
	padding: 20px;
	width: 200px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
  }
  
  .button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
  }
  
  .button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
  }
  
  .button:hover span {
	padding-right: 25px;
  }
  
  .button:hover span:after {
	opacity: 1;
	right: 0;
  }
/*===========================================
 * Media
 *===========================================*/
@media only screen and (max-width: 1024px) {
}