.card-hop{position:relative;display:flex;min-width:300px;align-items:center;justify-content:center;flex-wrap:wrap;padding:30px}.card-hop .card-item{width:100%;height:200px;background-color:#fff9;margin:30px 10px;padding:20px 15px;display:flex;flex-direction:column;box-shadow:0 5px 10px rgba(0,0,0,0.5);transition:0.3s ease-in-out;border-radius:15px}.card-hop .card-item .card-content{position:relative;top:-125px;padding:10px 15px;color:#111;text-align:center;display:none;visibility:hidden;opacity:0;transition:visibility 0.3s,opacity 0.3s ease-in-out}.card-hop .card-item .card-content .card-info-right{flex:1;text-align:right}.card-hop .card-item .card-content .card-info-right li + li{margin:3px}.card-hop .card-item:hover,.card-hop .card-item .pinned{height:335px}.card-hop .card-item:hover .card-content,.card-hop .card-item .pinned .card-content{margin-top:2rem;display:block;visibility:visible;opacity:1;transition-delay:0.3s}.card-hop .card-item .card-image{position:relative;padding:10px;width:100%;top:-40%;background:rgba(204,206,213,0.6) url("/static/images/picto/carder?h=200&q=90&a=webp") center center no-repeat;background-size:cover;min-height:220px;box-shadow:5px 5px 20px rgba(0,0,0,0.2),-5px -5px 20px rgba(0,0,0,0.2);z-index:1;backdrop-filter:blur(5px) brightness(1.1);-webkit-backdrop-filter:blur(5px) brightness(1.1)}