#{$all-button-inputs},
button {
	@include appearance(none);
	-webkit-font-smoothing: antialiased;
	background-color: $action-color;
	border-radius: $base-border-radius;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: $heading-font-family;
	@include font-size(19);
	font-weight: 600;
	line-height: 1;
	padding: 0.75em 1em;
	text-decoration: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;

	&:hover,
	&:focus {
		background-color: darken($action-color, 15%);
		color: #fff;
	}

	&:disabled {
		cursor: not-allowed;
		opacity: 0.5;
	}
}