.collection-button{z-index:10;width:100%;position:relative}.collection-button.js-loading:after{z-index:10;content:"";cursor:progress;background-color:transparent;background-image:linear-gradient(.25turn,transparent,#fff,transparent);background-position:-315px 0,0 0,0 190px,50px 195px;background-repeat:no-repeat;background-size:315px 600px,315px 180px,100px 100px,225px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:100%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:0}@keyframes loading{to{background-position:315px 0,0 0,0 190px,50px 195px}}.collection-button__inner{flex-direction:column;justify-content:flex-start;align-items:center;height:100%;display:flex}.collection-button__inner:after{content:"";width:100%;height:100%;position:absolute;top:0;right:-8px}@media (min-width:1024px){.collection-button__inner:after{content:none}}.collection-button__media-holder,.collection-button .media-holder{z-index:10;cursor:pointer;width:100%;height:auto;margin:0;position:relative;overflow:hidden}@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{height:100%;aspect-ratio:var(--ratio-percent);align-items:stretch;display:flex;position:relative}.collection-button__media-holder__image-holder,.collection-button .media-holder__image-holder{aspect-ratio:1;width:100%;display:flex;position:relative}.collection-button__media-holder__image-holder .image,.collection-button .media-holder__image-holder .image{transition:opacity .3s}.collection-button__media-holder__image-holder .hover-image,.collection-button .media-holder__image-holder .hover-image{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.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{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.collection-button__media-holder__image-holder img,.collection-button .media-holder__image-holder img{opacity:0}.collection-button__info-holder,.collection-button .info-holder{text-align:center;flex-flow:column;width:100%;padding:8px 0;display:flex}.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{cursor:pointer;color:var(--color-font-black,#333);margin-bottom:4px;font-family:Open Sans;font-size:1.5rem;font-style:normal;font-weight:400;line-height:150%}@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-style:normal;font-weight:300;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}