.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{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;margin:0;cursor:pointer}@media (min-width: 640px){.collection-button__media-holder,.collection-button .media-holder{width:100%;height:auto;margin:16px}}.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;width:100%;aspect-ratio:1/1}.collection-button__media-holder__image-holder .image,.collection-button .media-holder__image-holder .image{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{display:flex;flex-flow:column;width:100%;padding:8px 0;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{line-height:190%;font-family:Open Sans;font-size:1.5rem;font-weight:400;font-style:normal;line-height:150%;margin-bottom:4px;cursor:pointer;color:var(--color-font-black, #333)}@media (min-width: 1024px){.collection-button__info-holder__title,.collection-button__info-holder .title,.collection-button .info-holder__title,.collection-button .info-holder .title{font-family:Campaign;font-size:2rem;font-weight:300;font-style:normal;line-height:140%}}.collection-button__info-holder__title__counter,.collection-button__info-holder .title__counter,.collection-button .info-holder__title__counter,.collection-button .info-holder .title__counter{display:flex}