.top-collections{margin:1.6rem 0}.top-collections>.page-width,.top-collections__container,.collection-item__background{height:100%}.top-collections__list{display:flex;gap:1.6rem;height:100%}.collection-item{border-radius:2rem;position:relative;overflow:hidden;flex-basis:33.3333%}.collection-item .collection-item__background img{width:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:scale(1);height:100%;object-fit:cover}.collection-item>a:hover .collection-item__background img{transform:scale(1.2)}.collection-item .collection-item__content{display:flex;flex-flow:column;justify-content:space-between;position:absolute;width:100%;height:100%;bottom:0;padding:2.4rem 1.7rem}.collection-item .collection-item__heading h2{font-size:7.2rem;line-height:100%;color:#fff;letter-spacing:1.05px;padding-left:2rem;padding-top:1rem;text-transform:uppercase}.collection-item__action{display:flex;justify-content:flex-end}.collection-item .collection-item__action .button{display:grid;grid-template-columns:auto 1fr;border-color:#fff;background:#fff;min-width:initial;padding:1.65rem 1.8rem;color:#fff;text-transform:uppercase;max-width:6rem;overflow:hidden;transition:max-width .5s cubic-bezier(.4,0,.2,1)}.collection-item .collection-item__action .button:before,.collection-item .collection-item__action .button:after{display:none}.collection-item .collection-item__action .button-text{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;margin-left:0;transition:opacity .5s cubic-bezier(.4,0,.2,1),max-width .5s cubic-bezier(.4,0,.2,1),padding-left .5s cubic-bezier(.4,0,.2,1)}.collection-item .collection-item__action .button:hover,.collection-item .collection-item__action .button:focus,.collection-item>a:hover .collection-item__action .button,.collection-item>a:focus .collection-item__action .button{background-color:#fff;color:#000;max-width:23rem}.collection-item .collection-item__action .button:hover .button-text,.collection-item .collection-item__action .button:focus .button-text,.collection-item>a:hover .collection-item__action .button-text,.collection-item>a:focus .collection-item__action .button-text{opacity:1;max-width:200px;padding-left:1rem}@media (max-width: 1240px){.collection-item .collection-item__content{padding:1.2rem}.collection-item .collection-item__heading h2{font-size:4.8rem;padding-left:.9rem;padding-top:.3rem}}@media (max-width: 767px){.top-collections__list{flex-flow:column;gap:.8rem}.top-collections{margin:3.2rem 0 1.6rem}.collection-item{width:100%;max-width:40rem;margin:0 auto}.collection-item .collection-item__action .button{border-color:#fff;background-color:#fff;color:#000;padding-left:2.4rem;padding-right:2.4rem;padding-top:1px}.collection-item .collection-item__action .button:hover{border-color:#fff;background:#0006;color:#fff}.collection-item__action{justify-content:flex-start}.collection-item .collection-item__action .button-text{all:unset}.collection-item__action svg{display:none}.collection-item .collection-item__action .button{max-width:fit-content;padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/566/assets/dossier-top-collections.css.map */