.top-button {
  	display: inline-block;
  	background-color: #FF9800;
  	width: 40px;
  	height: 40px;
  	text-align: center;
  	border-radius: 4px;
  	position: fixed;
  	bottom: 15px;
  	right: 15px;
	-webkit-transition: background-color .3s, opacity .5s, visibility .5s;
  	-o-transition: background-color .3s, opacity .5s, visibility .5s;
  	transition: background-color .3s, opacity .5s, visibility .5s;
  	opacity: 0;
  	visibility: hidden;
  	z-index: 1000;
  	border-bottom: none;
	border-bottom-style: none !important;
}
.top-button::after {
  	content: "\f077";
  	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
  	font-size: 2em;
  	line-height: 40px;
  	color: #fff;
}

.top-button.show {
  opacity: .6;
  visibility: visible;
}
@media (hover: hover) {
	.top-button:hover {
  		cursor: pointer;
  		background-color: #333;
  		border-bottom: none;
	}
  	.top-button:focus {
    	background-color: #555;
  	}
	.top-button:active {
  		background-color: #555;
	}
}