.employee-cards-container{margin:0 auto;padding:20px;max-width:1200px;width:100%}.container-title{font-size:2rem;margin-bottom:15px;font-weight:700}.employee-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:4rem;row-gap:2rem;grid-auto-rows:minmax(300px,auto);padding:10px}.card{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;transition:all .3s ease-in-out;aspect-ratio:1 / 1.2}.card-content{position:relative;z-index:2;transition:transform .3s ease-in-out;margin-bottom:15px}.card-content *{color:rgb(var(--color-button-text))}.card-content p,a{font-weight:lighter;font-size:small}.card-content a:hover{color:rgb(var(--color-button-text-hover));text-decoration:underline;text-decoration-color:rgb(var(--color-button-text-hover))}.card-action{display:flex;flex-direction:column;align-items:center;gap:2px;position:absolute;left:0;width:100%;transform:translateY(50px);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.card-action a{display:flex;justify-content:center}.card-action a svg{filter:invert(100%) sepia(100%) hue-rotate(180deg)}.button-a-propos{color:rgb(var(--color-button-text));text-decoration:none;display:inline-block;position:relative;padding-bottom:5px;cursor:pointer;width:fit-content}.button-a-propos:before{content:"";position:absolute;width:0%;height:2px;border-radius:4px;background-color:rgb(var(--color-button-text-hover));bottom:0;left:50%;transform:translate(-50%);transition:width .3s ease-in-out}.button-a-propos:hover:before{width:100%}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0000 60%);z-index:0;transition:opacity .3s ease-in-out}.card:hover .card-content{transform:translateY(-40px)}.card:hover .card-action{transform:translateY(0);opacity:1}@media (max-width: 768px){.employee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{aspect-ratio:1 / 1.3}.card-content *,.button-a-propos{font-size:14px}}@media (hover: hover) and (pointer: fine){.card:hover .card-content{transform:translateY(-40px)}.card:hover .card-action{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-employee-card.css.map */