.post-meta-mobilite__list {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	padding-left: 0 !important;
	list-style: none;
}

.post-meta-mobilite__list a:hover span {
	color: var(--wp--preset--color--custom-bleu-fonc) !important;
}

.post-meta-mobilite__list a:hover {
	background-color: white !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--custom-bleu-fonc);
}

.wp-block-post .post-meta-mobilite__list a span,
.wp-block-query .post-meta-mobilite__list a span {
	width: auto;
	max-width: 0;
	white-space: nowrap;
	opacity: 0;
	transition:
		max-width 0.3s ease-in-out,
		opacity 0.3s ease-in-out;
}

.wp-block-post .post-meta-mobilite__list a,
.wp-block-query .post-meta-mobilite__list a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	min-width: 44px;
	height: 44px;
	padding: 0 !important;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.wp-block-post .post-meta-mobilite__list a:hover,
.wp-block-query .post-meta-mobilite__list a:hover {
	gap: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--40) !important;
	padding-left: var(--wp--preset--spacing--30) !important;
}

.wp-block-post .post-meta-mobilite__list a:hover span,
.wp-block-query .post-meta-mobilite__list a:hover span {
	max-width: 300px;
	opacity: 1;
}

.wp-block-post:has(.post-meta-mobilite),
.wp-block-query:has(.post-meta-mobilite) {
	position: relative;
}

.wp-block-post .post-meta-mobilite,
.wp-block-query .post-meta-mobilite {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 10;
}