@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

/*bouton connecter*/
.btn-inner-jaune {
	display: flex;
	margin: 3.75rem 0;
}
.btn-block-jaune {
	display: flex;
	align-items: center;
	background-color: #ffcc33;
	padding: 18px 23px;
	border: none;
	border-radius: 28px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 14px;
	transition: background-color 1s;
	color: #14213D;
	text-decoration: none;
}
.btn-block-jaune:hover {
	cursor: pointer;
	background-color: #e8b830;
	color: #14213D;
}
.btn-block-jaune .fa-solid {
    margin-right: 15px;
    font-size: 20px;
}
/*bouton valider*/
.btn-inner-blanc {
	display: flex;
	margin-bottom: 25px;
}
.btn-block-blanc {
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 18px 23px;
	border: none;
	border-radius: 28px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 14px;
	transition: background-color 1s;
	color: #14213D;
	text-decoration: none;
}
.btn-block-blanc:hover {
	cursor: pointer;
	background-color: #f0f0f0;
	color: #14213D;
}
.btn-block-blanc .fa-solid {
    margin-right: 15px;
    font-size: 20px;
}
/*bouton mettre au panier clair*/
.btn-inner-cart-light {
	display: flex;
	margin-bottom: 25px;
}

.btn-block-cart-light {
	display: flex;
	align-items: center;
	background-color: #F6F4F0;
	padding: 18px 23px;
	border: 1px solid #D5D4DB;
	border-radius: 28px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 14px;
	transition: background-color 1s;
	color: #14213D;
	text-decoration: none;
}
a.btn-block-cart-light {
	color: #14213D !important;
}
.btn-block-cart-light .fa-solid {
    margin-right: 15px;
    font-size: 20px;
}
.btn-block-cart-light:hover {
	cursor: pointer;
	background-color: #D5D4DB;
	color: #14213D;
}

/*bouton mettre au panier sombre*/
.btn-inner-cart-dark {
	display: flex;
	margin-bottom: 25px;
}

.btn-block-cart-dark {
	display: flex;
	align-items: center;
	background-color: #14213D;
	padding: 18px 23px;
	border: none;
	border-radius: 28px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 14px;
	transition: background-color 1s;
	color: #fff;
	text-decoration: none;
}
a.btn-block-cart-dark {
	color: #fff !important;
}
.btn-block-cart-dark .fa-solid {
    margin-right: 15px;
    font-size: 20px;
}
.btn-block-cart-dark:hover {
	cursor: pointer;
	background-color: #41435D;
	color: #fff;
}