.component-card{border-radius:.6rem;width:100%;aspect-ratio:4/6;display:block;position:relative}.component-card--product{aspect-ratio:4/5}.component-card__content{display:flex;flex-direction:column;gap:2rem;position:absolute;width:100%;left:0;bottom:0;padding:3rem 2rem;color:#fff;z-index:2}.component-card__content--product{text-align:center}.component-card__title{font-size:2rem;font-family:"Lato Black",sans-serif}.component-card__meta{font-size:1.2rem;font-weight:500}.component-card__hover{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.6rem;background-color:rgba(0,0,0,.2);z-index:1;opacity:0;transition:all 200ms ease}.component-card__image{width:100%;height:100%;border-radius:.6rem}.component-card__image img{object-fit:cover;width:100%;height:100%;border-radius:.6rem}.component-card__overlay{position:absolute;width:100%;height:50%;bottom:0;left:0;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem}.component-card:hover .component-card__hover{opacity:1}/*# sourceMappingURL=card.css.map */