.btn-burger-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--wp--preset--color--custom-gris-clair);
	border-radius: var(--wp--preset--spacing--80);
	background: white;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.btn-burger-menu:hover {
	box-shadow: 0 0 0 2px var(--wp--preset--color--custom-bleu-fonc);
}

.burger-menu--active {
	opacity: 1;
	transform: translateX(0);
}

@container header-container (width >= 1420px) {
	.btn-burger-menu,
	.logo-mobile {
		display: none;
	}
}

@container header-container (width <= 1420px) {
	.logo-desktop {
		display: none;
	}
}