@charset "UTF-8";
/* CSS Document */

/*------------------------------*\
		  BUTTONS MODULES
\*------------------------------*/

.btn {	
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin: 10px;
	padding: 7px 12px;
	
	background: linear-gradient(90deg, var(--second-color), var(--main-color) 50%, var(--second-color));
	
	border: 1px solid var(--dark-color);
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	
	font-size: 1rem;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px var(--dark-shadow);
	
	transition: all ease-in-out .1s;
}

	.btn:hover {
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
		
		transform: scale(.99);
		
		transition: all ease-in-out .1s;
	}

	.btn--is-inactive, .btn--is-inactive:hover {
		opacity: .5;
		cursor :default;
		
		box-shadow: none;
		border: 1px solid var(--grey-color) !important;
		
		transform: scale(1) !important;
	}

	.btn--alert{
		background: linear-gradient(90deg, var(--dark-red), var(--alert-color) 70%, var(--dark-red));
	}