<button class="button1"><span>Click me</span></button>
.button1{
	font-size:20px;
	background:orange;
	padding:1.2em 1.4em;
	border:none;
	margin:5px;
	border-radius:6px;
	transition:0.5s;
}
.button1 span{
	position:relative;
	display:inline-block;
	cursor:pointer;
	transition:0.5s;
}
.button1 span:after{
	content:"\00bb";
	position:absolute;
	right:-15px;
	transition:0.5s;
	opacity:0;
}
.button1:hover span{
	padding-right:20px;
}
.button1:hover span:after{
	opacity:1;
	right:0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.