.button {
	height:25px;
	box-shadow:rgb(57, 191, 117) 1px 1px 0px 0px inset, rgb(57, 191, 117) 0px 0px 3px 0px, rgb(0, 0, 0) 3px 4px 5px 0px;
	cursor: pointer;
	text-shadow:none;
	border-radius:50px;
	border: 0px;
	background-color:rgb(40, 40, 56);
	font-family:"Lucida calligraphy";
	font-size:12.8px;color:rgb(89, 153, 99);
	line-height:26px;
	transition: 0.1s ease-out;
	user-select: none;
}

.button:hover {background-color: #222}

.button:active {
	box-shadow:rgb(50, 115, 79) -1px -1px 2px 1px, rgb(46, 53, 89) 0px 0px 0px 0px inset, rgb(0, 0, 0) 1px 2px 4px 0px;
	line-height:28px;
	transform: translateY(1px);
}	
.playpause {
	background-image: url(../Pentegraph/img/buttons/playpause.png);
	background-size: 17px;
	background-position: 5px 5px;
	background-repeat:no-repeat;
	width:25px;
}