/*
refine primary #F9423A
refine secondary #33658A
dark gray #222222
light beije #F4F4F3
dark blue #344154
*/

a {
	outline: none;
	text-decoration: none;
	color: #F9423A;
}

.btn {
	padding: 1em 2.4em;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	font-size: 13px;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}

.btn.small {
	padding: .9em 1.8em;
}

.btn.primary {
	background-color: #F9423A;
	color: #fff
}
.btn.primary:hover {
	background-color: #f92d24;
	color: #fff
}
.btn.primary-outline {
	border: 1px solid #F9423A;
	color: #F9423A
}
.btn.primary-outline:hover {
	border: 1px solid #f92d24;
	color: #f92d24
}

.btn.secondary {
	background-color: #33658A;
	color: #fff
}
.btn.secondary:hover {
	background-color: #33658A;
	color: #fff
}
.btn.secondary-outline {
	border: 1px solid #33658A;
	color: #33658A
}

.btn.yellow {
	background-color: #FCC229;
	color: #fff
}

.btn.blue {
	background-color: #041846;
	color: #fff
}

.btn.white {
	background-color: #fff;
	color: #041846
}

.btn.outline-white {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff
}

.btn.btn-ico {
	padding: 0;
	border-radius: 999px;
	height: 3.3em;
	width: 3.3em;
	font-size: 13px;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn.disabled {
	cursor: default;
	background-color: #999;
}