.liens-fond-bouton__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;
}
.liens-fond-bouton__nav {
width: 100%;
}
.liens-fond-bouton__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: clamp(0.75rem, 2vw, 1.25rem);
list-style: none;
margin: 0;
padding: 0;
}
.liens-fond-bouton--align-centre .liens-fond-bouton__list {
justify-content: center;
}
.liens-fond-bouton--align-droite .liens-fond-bouton__list {
justify-content: flex-end;
}
.liens-fond-bouton__item {
margin: 0;
padding: 0;
}
.liens-fond-bouton__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 3rem;
padding: 1.25em 1.5rem;
font-family: var(--wp--preset--font-family--bodoni-moda-18-pt);
font-size: var(--wp--preset--font-size--6);
font-weight: 500;
font-style: italic;
line-height: 1;
color: var(--wp--preset--color--default);
text-decoration: none;
background-image: url(//www.cyril-bazin.com/wp-content/themes/cyril-bazin/assets/chart/fond-lien.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
transform: translateZ(0);
transition:
transform 0.2s ease,
color 0.2s ease,
background-size 0.2s ease;
}
.liens-fond-bouton__link:hover,
.liens-fond-bouton__link:focus-visible {
transform: scale(1.05);
background-size: 110% 110%;
color: var(--wp--preset--color--primary);
}
@media (prefers-reduced-motion: reduce) {
.liens-fond-bouton__link {
transition: none;
}
.liens-fond-bouton__link:hover,
.liens-fond-bouton__link:focus-visible {
transform: none;
}
}