a[data-role*="button"] {
	display: inline-block;
	min-width: 2.5em;
	padding: 0.4em 0.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;

	border: 1px solid #afb1b4;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d9), color-stop(50%,#afb1b4));
	-webkit-border-radius: 0.4em;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a[data-role*="button"]:focus {
	outline: none;
}

a[data-role*="button"].touched {
	color: #202020;
	border: 1px solid #FFD51C;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc980c), color-stop(100%,#ffd51c));
}

.navbar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: inherit;
	padding: 0.5em 0;
	text-align: center;
	background-color: #2A3235;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255, 255, 255, 0.05)),color-stop(0.27,rgba(0, 0, 0, 0.2)),color-stop(1,transparent));
	
	-webkit-box-sizing: border-box;
}

.navbar a[data-role*="button"].active {
	color: #FFFFFF;
	border: 1px solid #0b8dee;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b8dee), color-stop(50%,#1766db));
}