.collection-button{position:relative;z-index:10;width:100%}.collection-button.js-loading:after{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;content:"";cursor:progress;animation:loading 1.5s infinite;background:linear-gradient(.25turn,transparent,#fff,transparent);background-repeat:no-repeat;background-position:-315px 0,0 0,0px 190px,50px 195px;background-size:315px 600px,315px 180px,100px 100px,225px 30px}@keyframes loading{to{background-position:315px 0,0 0,0 190px,50px 195px}}.collection-button__inner{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;height:100%}.collection-button__inner:after{position:absolute;top:0;right:-8px;width:100%;height:100%;content:""}@media (min-width: 1024px){.collection-button__inner:after{content:none}}.collection-button__media-holder,.collection-button .media-holder{position:relative;z-index:10;overflow:hidden;width:100%;height:auto;cursor:pointer}@media (min-width: 640px){.collection-button__media-holder,.collection-button .media-holder{width:100%;height:auto}}.collection-button__media-holder:hover .image:not(:only-child),.collection-button .media-holder:hover .image:not(:only-child){opacity:0}.collection-button__media-holder.ratio,.collection-button .media-holder.ratio{position:relative;display:flex;align-items:stretch;height:100%;aspect-ratio:var(--ratio-percent)}.collection-button__media-holder__image-holder,.collection-button .media-holder__image-holder{position:relative;display:flex;overflow:hidden;width:100%;border-radius:8px;aspect-ratio:1/1}.collection-button__media-holder__image-holder:after,.collection-button .media-holder__image-holder:after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(0deg,#0003 20%,#fff3)}.collection-button__media-holder__image-holder .image,.collection-button .media-holder__image-holder .image{width:100%;transition:opacity .3s ease}.collection-button__media-holder__image-holder .hover-image,.collection-button .media-holder__image-holder .hover-image{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%}.collection-button__media-holder__image-holder svg,.collection-button__media-holder__image-holder img,.collection-button .media-holder__image-holder svg,.collection-button .media-holder__image-holder img{width:100%;height:100%;transition:opacity .3s ease;object-fit:cover}.collection-button__media-holder__image-holder img,.collection-button .media-holder__image-holder img{opacity:0}.collection-button__info-holder,.collection-button .info-holder{position:absolute;z-index:10;bottom:16px;left:16px;display:flex;flex-flow:column;width:100%;text-align:center}.collection-button__info-holder :hover,.collection-button .info-holder :hover{text-decoration:none}.collection-button__info-holder__title,.collection-button__info-holder .title,.collection-button .info-holder__title,.collection-button .info-holder .title{font-family:Chivo;font-weight:400;font-style:normal;line-height:2.8rem;font-size:1.8rem;font-weight:600;font-style:bold;line-height:normal;display:flex;overflow:hidden;flex-flow:row;margin-bottom:4px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--color-white, #fff);gap:8px}