.bouton-fleche,.bouton-fleche *{box-sizing:border-box}.bouton-fleche{--courbe:cubic-bezier(.2, 1, .25, 1);--duree:.62s;--retard:80ms;--marge-bord:2rem;--largeur-fleche:16px;--ecart-fleche:10px;--debord:4px;--course:calc(var(--largeur-fleche) + var(--ecart-fleche));-webkit-tap-highlight-color:transparent;align-items:center;display:inline-flex;position:relative;overflow:hidden}.bouton-fleche:before,.bouton-fleche:after{content:"→";z-index:1;width:var(--largeur-fleche);text-align:center;transition:transform var(--duree) var(--courbe);font-family:inherit;font-size:1.05em;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.bouton-fleche:before{left:var(--marge-bord);transform:translate3d(calc(-100% - var(--marge-bord) - var(--debord)), -50%, 0);transition-delay:0s}.bouton-fleche:after{right:var(--marge-bord);transition-delay:var(--retard)}.bouton-fleche .libelle{z-index:1;transition:transform var(--duree) var(--courbe);position:relative}@media (hover:hover){.bouton-fleche:hover:before{transition-delay:var(--retard);transform:translateY(-50%)}.bouton-fleche:hover:after{transform:translate3d(calc(100% + var(--marge-bord)), -50%, 0);transition-delay:0s}.bouton-fleche:hover .libelle{transform:translate3d(var(--course), 0, 0)}}.bouton-fleche:active .libelle{transform:translate3d(calc(var(--course) + 2px), 0, 0);transition:transform .21s var(--courbe)}