/*
	http://purecss.io/buttons/
	http://demo.favthemes.com/favourite/index.php/typography/button-styles
*/

[data-theme="1"] {
	--btn-color: #212A6A;
	--btn-color2: #3F51B5;
	--btn-color3: #3F51B5;
	--btn-color-text: #ffffff;
}
[data-theme="2"] {
	--btn-color: #d9d9cc;
	--btn-color2: #E0E0FF;
	--btn-color3: #E0E0FF;
	--btn-color-text: #000000;
}

	.button-success,
	.button-error,
	.button-warning,
	.button-secondary {
		color: var(--btn-color-text);
		font-weight: bold;
		font-size: inherit;
		font-family: Calibri,arial;
		text-decoration: inherit;

		border-radius: 1px;
		border: 1px;
		/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
		box-shadow:0 0 0 1px rgba(255,255,0,.35) inset,0 0 6px rgba(255,255,0,.12) inset;
		min-height: 25px;
		cursor: pointer;
		margin: 1px;
	}

	.button-success {
		background: rgb(28, 184, 65); /* this is a green */
	}

	.button-error {
		background: rgb(202, 60, 60); /* this is a maroon */
	}

	.button-warning {
		background: rgb(223, 117, 20); /* this is an orange */
	}

	.button-secondary {
		background: var(--btn-color);
	}