.card-collection{position:relative}.card-collection h3{margin-bottom:0;margin-right:10px;font-size:22px}.card-collection__image{position:relative;border-radius:10px;margin-bottom:25px;overflow:hidden}.card-collection__image:before{content:"";display:block;padding-top:100%}.card-collection__text{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;padding-right:110px}.card-collection__text .btn{position:absolute;top:50%;right:0;min-width:100px;padding:6px 12px;font-size:16px;transform:translateY(-50%)}.card-collection:hover .btn{background-color:var(--btn-color);color:var(--btn-text-color)}.card-collection.has-logo .card-collection__image .logo{position:absolute;top:50%;left:50%;width:60%;z-index:10;transform:translate(-50%) translateY(-50%);opacity:0;visibility:hidden;transition:opacity var(--duration-default)}.card-collection.has-logo .card-collection__image:after{content:"";background-color:#f0f0f0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--duration-default)}.card-collection.has-logo:hover .card-collection__image .logo{opacity:1;visibility:visible}.card-collection.has-logo:hover .card-collection__image:after{opacity:.6;visibility:visible}.collection-grid{margin-left:-20px;margin-right:-20px}.collection-grid>div{padding:0 20px;margin-bottom:80px}@media(min-width:1400px){.card-collection h3{font-size:30px}.card-collection .btn{font-size:20px}}@media(min-width:1700px){.card-collection.card-collection--md h3{font-size:24px}}@media(max-width:1699.98px){.card-collection.card-collection--md h3{font-size:18px}.card-collection.card-collection--md .btn{font-size:18px;padding:4px 10px}}@media(max-width:767.98px){.card-collection h3{font-size:18px}.collection-grid{margin-left:-10px;margin-right:-10px}.collection-grid>div{padding:0 10px;margin-bottom:60px}}@media(max-width:575.98px){.card-collection__text{display:block;padding-right:0}.card-collection h3{margin:0 0 10px}.card-collection__text .btn{position:relative;top:auto;display:block;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-card-collection.css.map */