.button, 
.small_button {
	border: none;
	display: inline-block;
	vertical-align: baseline;
	font-weight: 700;
	margin-right: 10px;
	padding: 10px 15px;
	outline: none;
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 3px;    /* Firefox 1-3.6 */
	border-radius: 3px;         /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}
.small_button {
	padding: 5px 10px;
}

.button:last-child {
	margin-right: 0;
}

/* Disabled button */

.d_state {
	color: rgba(255,255,255,1);
	background: rgba(217,217,214,1); /* PANTONE Cool Gray 1 C */
	cursor: default;
}

/* active button */

.a_state {
	color: rgba(255,255,255,1);
	background: rgba(84,88,90,1); /* PANTONE 425 C */
	cursor: pointer;
	transition: background 0.35s;
}

.a_state:hover, 
.a_state:active {
	background: rgba(217,217,214,1); /* PANTONE Cool Gray 1 C */
	transition: none;
}

.a_state:active {
	box-shadow: rgba(84,88,90,1) 0 3px 6px inset; /* PANTONE 425 C */
	padding-top: 11px;
	padding-bottom: 9px
}

.small_button.a_state:active {
	padding-top: 6px !important;
	padding-bottom: 4px !important
}


.button_group {
	display: block;
	margin: 0;
	text-align: justify;
	vertical-align: top
}

.button_group .button,
.button_group .small_button {
	vertical-align: top
}