.collection-card--with-overflow{position:relative}.collection-card--with-overflow .collection-card__wrapper{display:flex;flex-direction:column;gap:1.6rem;position:relative}.collection-card--with-overflow .collection-card__bg-wrapper{position:absolute;display:block;bottom:0;left:0;right:0;height:50%;z-index:1;padding:1.2rem}.collection-card--with-overflow .collection-card__image{position:relative;z-index:2}.collection-card__image [style*=--aspect-ratio]:before{padding-top:calc(70% / (0 + var(--aspect-ratio, 1.7777777778)))}.collection-card--with-overflow .collection-card__content{position:relative;z-index:3}.collection-card__wrapper:hover .btn{--color-border: var(--color-button-hover-background);color:rgb(var(--color-button-hover-text));border-color:rgb(var(--color-border));background-color:rgb(var(--color-button-hover-background))}.collection-card__wrapper:hover .btn:before{transform:translate(0)}.collection-card__wrapper:hover .btn:after{transform:translate(0);transition-delay:.175s}.collection-card__inner{--padding-y: 2rem;--padding-x: 2rem}.collection-card--has-bg .collection-card__inner{padding:0 2rem 2.4rem}@media(max-width:767.98px){.collection-card--has-bg .collection-card__inner{padding:0 1.2rem 1.6rem}.custom-card-collection.card-width-extra-narrow .f-column{max-width:16rem;flex:0 0 auto}}@media(min-width:768px){.custom-card-collection.card-width-medium .f-column{max-width:40rem;flex:0 0 auto}.custom-card-collection.card-width-narrow .f-column{max-width:32rem;flex:0 0 auto}.custom-card-collection.card-width-extra-narrow .f-column{max-width:24rem;flex:0 0 auto}}@media(min-width:1280px){.custom-card-collection.card-width-medium .f-column{max-width:48rem}.custom-card-collection.card-width-narrow .f-column{max-width:40rem}.custom-card-collection.card-width-extra-narrow .f-column{max-width:32rem}}@media(max-width:767.98px){.collection-card__wrapper{--buttons-width: 4.2rem;gap:1.6rem}.collection-card__inner{--padding-y: 0;--padding-x: 0;position:static}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-collection-card.css.map */