.liste-liens-flex__placeholder {
margin: 0;
font-family: var(--wp--preset--font-family--cera-pro);
font-size: var(--wp--preset--font-size--2);
color: var(--wp--preset--color--default);
opacity: 0.7;
}
.liste-liens-flex__nav {
width: 100%;
}
.liste-liens-flex__list {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
row-gap: 0.5rem;
}
.liste-liens-flex__item {
display: inline-flex;
align-items: stretch;
margin: 0;
padding: 0;
} .liste-liens-flex__item:not(:last-child)::after {
content: "";
flex-shrink: 0;
align-self: stretch;
width: 1px;
min-height: 1em;
margin: 0 clamp(0.75rem, 2vw, 1.25rem);
background-color: var(--wp--preset--color--primary);
}
.liste-liens-flex__link {
position: relative;
display: inline-flex;
align-items: center;
font-family: var(--wp--preset--font-family--cera-pro);
font-size: var(--wp--preset--font-size--4);
font-weight: 900;
color: var(--wp--preset--color--primary);
text-decoration: none;
text-transform: uppercase;
transition:
color 0.25s ease,
transform 0.25s ease;
} .liste-liens-flex__link::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -0.2em;
height: 1px;
background-color: currentColor;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.25s ease;
}
.liste-liens-flex__link:hover,
.liste-liens-flex__link:focus-visible {
color: var(--wp--preset--color--default);
transform: translateY(-3px);
}
.liste-liens-flex__link:hover::before,
.liste-liens-flex__link:focus-visible::before {
transform: scaleX(1);
}