.btn{
	width:180px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--blue);
	color:var(--white);
	font-size:15px;
	font-weight:600;
	letter-spacing:.5px;
	transition:var(--transition);
	cursor:pointer;
	position:relative;
	overflow:hidden;
}

.btn:hover{
	transform:translateY(-3px);
	box-shadow:var(--shadow);
}

.btn:active{
	transform:translateY(0);
}

.btn-outline{
	background:transparent;
	border:2px solid var(--white);
}

.btn-outline:hover{
	background:var(--white);
	color:var(--red);
}

.btn-white{
	background:var(--white);
	color:var(--red);
}

.btn-white:hover{
	background:var(--blue);
	color:var(--white);
}

.btn-small{
	width:150px;
	height:42px;
	font-size:14px;
}

.btn-large{
	width:220px;
	height:58px;
	font-size:16px;
}