.z-button{--z-button-text-color: #111;--z-button-background-color: #fff;--z-button-border-color: transparent;--z-button-border-radius: 0;--z-button-padding-block: 0;--z-button-padding-inline: 0;display:inline-flex;flex:0 0 auto;width:fit-content;max-width:100%;pointer-events:auto}.z-button__link{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--z-button-border-radius);padding-block:var(--z-button-padding-block);padding-inline:var(--z-button-padding-inline);color:var(--z-button-text-color);font-weight:600;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;contain:paint;cursor:pointer;transition:background-color .18s ease}.z-button__link--small{min-height:clamp(3.6rem,calc(3.165rem + .58vw),4rem);font-size:clamp(1.3rem,calc(1.191rem + .145vw),1.4rem)}.z-button__link--medium{min-height:clamp(4.4rem,calc(3.965rem + .58vw),4.8rem);font-size:clamp(1.4rem,calc(1.291rem + .145vw),1.5rem)}.z-button__link--large{min-height:clamp(5.2rem,calc(4.765rem + .58vw),5.6rem);padding-block:clamp(1.2rem,calc(.983rem + .29vw),1.4rem);padding-inline:clamp(2.8rem,calc(2.365rem + .58vw),3.2rem);font-size:clamp(1.6rem,calc(1.383rem + .29vw),1.8rem)}.z-button--custom-dimensions .z-button__link{min-height:var(--z-button-custom-min-height);font-size:var(--z-button-custom-font-size)}@media screen and (max-width:989px){.z-button__link--mobile-small{min-height:clamp(3.4rem,calc(3.2rem + .533333vw),3.727467rem);font-size:clamp(1.2rem,calc(1.1rem + .266667vw),1.463733rem)}.z-button__link--mobile-medium{min-height:clamp(4rem,calc(3.6rem + 1.066667vw),4.654933rem);font-size:clamp(1.3rem,calc(1.2rem + .266667vw),1.563733rem)}.z-button__link--mobile-large{min-height:clamp(4.6rem,calc(4rem + 1.6vw),5.5824rem);padding-block:clamp(1rem,calc(.8rem + .533333vw),1.327467rem);padding-inline:clamp(2.2rem,calc(1.6rem + 1.6vw),3.1824rem);font-size:clamp(1.4rem,calc(1.2rem + .533333vw),1.727467rem)}.z-button--mobile-custom .z-button__link{color:var(--z-button-mobile-text-color);border-color:var(--z-button-mobile-border-color);padding-block:var(--z-button-mobile-padding-block);padding-inline:var(--z-button-mobile-padding-inline)}.z-button--custom-dimensions .z-button__link{min-height:var(--z-button-custom-mobile-min-height);font-size:var(--z-button-custom-mobile-font-size)}}.z-button__link--solid{border-color:var(--z-button-border-color);background:var(--z-button-background-color)}.z-button__link--solid.z-button__link--background-gradient{background:linear-gradient(var(--z-button-gradient-angle),var(--z-button-gradient-start),var(--z-button-gradient-end))}.z-button__link--outline{border-color:var(--z-button-border-color);background:transparent}.z-button__link--secondary{color:inherit;border-color:currentColor;background:transparent}.z-button__link--link{min-height:auto;padding-inline:0;border-color:transparent;border-radius:0;border-bottom-color:var(--z-button-border-color);background:transparent}.z-button__animated-label{position:relative;display:inline-grid;overflow:hidden}.z-button__text-layer{display:flex;grid-area:1 / 1}.z-button__text-layer span{transition:transform var(--z-button-character-duration) ease}.z-button__text-layer--secondary{position:absolute;top:0;right:0;bottom:0;left:0}.z-button__text-layer--secondary span{transform:translateY(-1.5em)}.z-button__text-layer--secondary span:before{content:attr(data-character)}.z-button--hover-text_slide .z-button__link:hover .z-button__text-layer--primary span{transform:translateY(1.5em)}.z-button--hover-text_slide .z-button__link:hover .z-button__text-layer--secondary span{transform:translateY(0)}.z-button--hover-circle_sweep .z-button__link{isolation:isolate;transition:border-color .3s ease,color .3s ease}.z-button--hover-circle_sweep .z-button__link:before{position:absolute;z-index:0;top:100%;left:100%;width:300%;aspect-ratio:1;border-radius:50%;background:var(--z-button-hover-fill-color);content:"";pointer-events:none;transition:top .3s ease,left .3s ease}.z-button--hover-circle_sweep .z-button__animated-label,.z-button--hover-circle_sweep .z-button__icon{position:relative;z-index:1}@media(hover:hover){.z-button--hover-circle_sweep .z-button__link:not(:disabled):hover{border-color:var(--z-button-hover-fill-color);color:var(--z-button-hover-foreground-color)}.z-button--hover-circle_sweep .z-button__link:not(:disabled):hover:before{top:-100%;left:-100%}}.z-button__link:focus-visible{outline:3px solid currentColor;outline-offset:3px}.z-button__link:disabled{cursor:default;opacity:.5}.z-button__link[aria-disabled=true]{cursor:default}.z-button__link:has(.z-button__icon){gap:.65em}.z-button__icon{width:1em;height:1em;flex:0 0 auto}.z-button__icon--mask{background-color:currentColor;-webkit-mask-image:var(--z-button-icon-mask);mask-image:var(--z-button-icon-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.z-button__icon--original{object-fit:contain}.z-button__video-shell{display:inline-flex}.z-button__dialog{width:min(90vw,110rem);max-width:none;padding:0;border:0;background:#000;color:#fff;overflow:visible}.z-button__dialog::backdrop{background:#000000bf}.z-button__dialog--external{aspect-ratio:16 / 9}.z-button__video{display:block;width:100%;max-height:85vh;background:#000;object-fit:contain}.z-button__external-video{width:100%;height:100%;border:0}.z-button__dialog-close{position:absolute;z-index:1;top:0;right:0;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:#fff;color:#000;font:inherit;font-size:2.4rem;cursor:pointer;transform:translate(35%,-35%)}.z-button__dialog-close:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.z-button__link{transition:none}.z-button--hover-circle_sweep .z-button__link:before{transition:none}.z-button__text-layer span{transform:none;transition:none}.z-button__text-layer--secondary{display:none}}@media(forced-colors:active){.z-button__link,.z-button__dialog-close{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/z-button.css.map */