.global-bloc-benefit-list{opacity:0;transform:translateY(-100%);animation:slideInLeft 1.7s ease-in-out forwards;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;align-content:space-around;margin-top:2.5em}.bloc-benefit-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around}.bloc-benefit-card{box-shadow:.5em .5em 1.5em var(--color-card-benefit-outline);transform-style:preserve-3d;perspective:5em;transform:rotateY(45deg)}.bloc-benefit-card,.bloc-benefit-card:hover{display:flex;margin:.5em;padding:.2em;border:1px solid var(--color-title-card-benefit);width:15em;height:14em;flex-direction:column;align-items:center;justify-content:space-around;transition:transform .5s ease}.bloc-benefit-card:hover{box-shadow:0 0 3em var(--color-card-benefit-outline);transform-style:preserve-3d;perspective:500em;transform:rotateY(35deg);cursor:pointer}.bloc-title-benefit-card{display:flex;align-items:center;height:40%}.bloc-image-benefit-card{height:50%;width:65%}.bloc-price-benefit-card{height:10%}.image-benefit-list{width:100%;height:100%;border-radius:.2em;border:solid;color:#fff}.price-card-benefit{font-size:1em;font-weight:700;color:#fff}.categories{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:2em;margin-bottom:2em}.button-index-categories-benefit{background-color:#000;color:var(--color-text-hover-button);border:3px solid var(--color-border-button);border-radius:12%;margin:.2em;cursor:pointer}.button-index-categories-benefit.active{background-color:var(--color-active-background);color:var(--color-text-menu-catégories-selected);border-color:var(--color-active-border);font-weight:700}@media (max-width:550px){.bloc-benefit-card{transform-style:preserve-3d;transform:rotateY(45deg)}.bloc-benefit-card,.bloc-benefit-card:hover{display:flex;margin:.5em .2em .2em;padding:.2em;border:1px solid var(--color-title-card-benefit);width:47%;height:12em;flex-direction:column;align-items:center;justify-content:space-around;box-shadow:.5em .5em 1.5em var(--color-card-benefit-outline);perspective:5em;transition:transform .5s ease}.bloc-benefit-card:hover{transform-style:preserve-3d;transform:rotateY(35deg);cursor:pointer}}