.scroll-btn {
	
	display: inline-block;
	text-shadow: 1px 1px #fff;
	text-decoration: none;
	padding: .3em 1em;
	border: 1px solid #aaa;
	border-radius: 100px;
	outline: none;
	background: #d6dbbf no-repeat;
	background-image:
	linear-gradient(to left, #aaa, #aaa),
	linear-gradient(to left, #feffe8, #feffe8),
	linear-gradient(#feffe8, #d6dbbf);
	background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
	background-size: 1px 100%, 1px 100%, auto auto;
	overflow: hidden;
	/*height: 30px;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 140%;
	color: -webkit-link;

	position: fixed;
	bottom: 45px;
	right: 15px;
	opacity: 0.5;
	z-index: 9999;
	cursor: pointer;
	/*display: none;*/
}

.scroll-btn:after {
  content: "\bb";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 700;
  font-size: 200%;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.scroll-btn:active:after {
  bottom: 1.2em;
  transition: .3s;
}

.notouch .scroll-btn:hover { 
	
	background-color: #fdfd9f;
	background-image:
	linear-gradient(to left, #aaa, #aaa),
	linear-gradient(to left, #feffe8, #feffe8),
	linear-gradient(#fffce7, #fdfd9f);
	
	opacity: 1 
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.scroll-btn {
		bottom: 8px;
		right: 8px;
	}
}