.marques-defilement {
width: 100%;
overflow: hidden;
position: relative;
}
.marques-defilement-container {
width: 100%;
position: relative;
}
.marques-defilement-track {
display: flex;
align-items: center;
animation: scroll-horizontal 80s linear infinite;
width: fit-content;
} .marques-defilement[data-pause-hover="true"]:hover .marques-defilement-track {
animation-play-state: paused !important;
}
.marque-item {
flex-shrink: 0;
padding: 0 var(--wp--preset--spacing--4);
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.marque-nom {
font-size: var(--wp--preset--font-size--7);
font-weight: 900;
text-transform: uppercase;
transition: all 0.3s ease;
} .marques-defilement[data-couleur-texte="noir"] .marque-nom {
color: var(--wp--preset--color--custom-noir);
}
.marques-defilement[data-couleur-texte="blanc"] .marque-nom {
color: var(--wp--preset--color--custom-blanc);
}
.marque-item:hover .marque-nom {
opacity: 1;
color: var(--wp--preset--color--custom-vert);
transform: scale(1.05);
} @keyframes scroll-horizontal {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .marques-defilement-container {
position: relative;
z-index: 1;
}