.button{--_background: var(--button-primary-background);--_text: var(--button-primary-text);--_border: var(--button-primary-border);--_hover-background: var(--button-primary-hover-background);--_hover-text: var(--button-primary-hover-text);--_hover-border: var(--button-primary-hover-border);--_border-width: var(--button-border-width);--_border-style: var(--button-border-style);--_radius: var(--button-radius);--_height: var(--button-height);--_padding: var(--button-padding);--_text-size: var(--button-text-size);--_font-family: var(--button-font-family);--_font-weight: var(--button-font-weight);--_letter-spacing: var(--button-letter-spacing);--_letter-case: var(--button-letter-case);--_gap: var(--button-icon-gap);--_shadow: var(--button-shadow);--icon-size: var(--button-icon-size);position:relative;isolation:isolate;display:inline-flex;min-height:var(--_height);align-items:center;justify-content:center;gap:var(--_gap);padding:0 var(--_padding);border:var(--_border-width) var(--_border-style) var(--_border);border-radius:var(--_radius);background:var(--_background);color:var(--_text);box-shadow:var(--_shadow);font-family:var(--_font-family);font-size:var(--_text-size);font-weight:var(--_font-weight);letter-spacing:var(--_letter-spacing);line-height:1;text-align:center;text-decoration:none;text-transform:var(--_letter-case);cursor:pointer;transition:color var(--hover-duration) var(--animation-easing),background-color var(--hover-duration) var(--animation-easing),border-color var(--hover-duration) var(--animation-easing)}.button--secondary{--_background: var(--button-secondary-background);--_text: var(--button-secondary-text);--_border: var(--button-secondary-border);--_hover-background: var(--button-secondary-hover-background);--_hover-text: var(--button-secondary-hover-text);--_hover-border: var(--button-secondary-hover-border)}.button--outline{--_background: var(--button-outline-background);--_text: var(--button-outline-text);--_border: var(--button-outline-border);--_hover-background: var(--button-outline-hover-background);--_hover-text: var(--button-outline-hover-text);--_hover-border: var(--button-outline-hover-border)}.button--link{--_background: transparent;--_text: var(--button-link-text);--_border: transparent;--_hover-background: transparent;--_hover-text: var(--button-link-hover-text);--_hover-border: transparent;--_shadow: none;--_height: auto;--_padding: 0;--_border-width: 0px;--_radius: 0px;text-decoration-line:var(--button-link-decoration);text-decoration-thickness:1px;text-underline-offset:.25em}.button--custom{--_background: var(--b-background);--_text: var(--b-text);--_border: var(--b-border);--_hover-background: var(--b-hover-background);--_hover-text: var(--b-hover-text);--_hover-border: var(--b-hover-border);--_border-width: var(--b-border-width);--_border-style: var(--b-border-style);--_radius: var(--b-radius-desktop);--_height: var(--b-height-desktop);--_padding: var(--b-padding-desktop);--_text-size: var(--b-text-size-desktop);--_font-family: var(--b-font-family, var(--button-font-family));--_font-weight: var(--b-font-weight, var(--button-font-weight));--_letter-spacing: var(--b-letter-spacing, var(--button-letter-spacing));--_letter-case: var(--b-letter-case, var(--button-letter-case));--_gap: var(--b-gap);--_shadow: var(--b-shadow-desktop);--icon-size: var(--b-icon-size-desktop)}@media(max-width:749px){.button--custom{--_radius: var(--b-radius-mobile);--_height: var(--b-height-mobile);--_padding: var(--b-padding-mobile);--_text-size: var(--b-text-size-mobile);--_shadow: var(--b-shadow-mobile);--icon-size: var(--b-icon-size-mobile)}}.button:disabled{cursor:not-allowed;opacity:.55}.button__label{position:relative}@media(hover:hover){.button:not(:disabled):hover{border-color:var(--_hover-border);background:var(--_hover-background);color:var(--_hover-text)}}.button[data-animation=shine]{overflow:hidden}.button[data-animation=shine]:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-60%;z-index:1;width:40%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / calc(.18 + var(--button-animation-strength) * .04)),transparent);transform:skew(-18deg);pointer-events:none;animation:button-shine var(--button-animation-speed) ease-in-out infinite}@keyframes button-shine{0%,45%{transform:translate(0) skew(-18deg);opacity:0}55%{opacity:1}75%,to{transform:translate(450%) skew(-18deg);opacity:0}}.button[data-animation=liquid]{overflow:hidden}.button__blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.button__blobs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--_hover-background);opacity:0;transition:opacity calc(var(--button-animation-speed) * .25) linear}.button__goo{position:absolute;top:0;right:0;bottom:0;left:0;filter:url(#button-goo)}.button__goo>span{position:absolute;top:0;width:25%;height:100%;border-radius:100%;background:var(--_hover-background);transform:translate3d(0,150%,0) scale(calc(1.15 + var(--button-animation-strength) * .08));transition:transform var(--button-animation-speed) cubic-bezier(.45,0,.3,1)}.button__goo>span:nth-child(1){left:0;transition-delay:0s}.button__goo>span:nth-child(2){left:30%;transition-delay:calc(var(--button-animation-speed) * .18)}.button__goo>span:nth-child(3){left:60%;transition-delay:calc(var(--button-animation-speed) * .36)}.button__goo>span:nth-child(4){left:90%;transition-delay:calc(var(--button-animation-speed) * .54)}@media(hover:hover){.button[data-animation=liquid]:not(:disabled):hover{background:var(--_background)}.button[data-animation=liquid]:not(:disabled):hover .button__blobs:after{opacity:1;transition-delay:var(--button-animation-speed)}.button[data-animation=liquid]:not(:disabled):hover .button__goo>span{transform:translateZ(0) scale(calc(1.15 + var(--button-animation-strength) * .08))}}@media(prefers-reduced-motion:reduce){.button__goo>span{transition-delay:0s}}.button[data-animation=position_aware]{overflow:hidden}.button[data-animation=position_aware]:before{content:"";position:absolute;top:var(--pointer-y, 50%);left:var(--pointer-x, 50%);z-index:-1;width:0;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--button-animation-fill) var(--button-animation-fill-opacity),transparent);transform:translate(-50%,-50%);transition:width var(--button-animation-speed) var(--animation-easing)}@media(hover:hover){.button[data-animation=position_aware]:not(:disabled):hover{background:var(--_background)}.button[data-animation=position_aware]:not(:disabled):hover:before{width:300%}}.button__draw{position:absolute;inset:calc(var(--_border-width) * -1);width:calc(100% + var(--_border-width) * 2);height:calc(100% + var(--_border-width) * 2);max-width:none;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 var(--button-animation-glow-size) var(--button-animation-glow-color))}.button__draw{--_draw-inset: calc(max(var(--_border-width), var(--button-animation-line-width))/2) }.button__draw rect{x:var(--_draw-inset);y:var(--_draw-inset);width:calc(100% - var(--_draw-inset) * 2);height:calc(100% - var(--_draw-inset) * 2);rx:max(0px,var(--_radius) - var(--_draw-inset));fill:none;stroke:var(--button-animation-line-color);stroke-width:var(--button-animation-line-width);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset var(--button-animation-speed) var(--animation-easing)}.button[data-neon] .button__draw rect{stroke:var(--button-animation-glow-color)}.button[data-neon] .button__draw .button__draw-core{stroke:color-mix(in srgb,var(--button-animation-glow-color) 25%,#fff);stroke-width:calc(var(--button-animation-line-width) / 2)}@media(hover:hover){.button:not(:disabled):hover .button__draw rect{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.button:after{display:none}}.button-block{display:flex;justify-content:var(--button-align-desktop)}.button-block[data-width-desktop=full] .button,.button-block[data-width-desktop=full] .button-block__form{width:100%}@media(max-width:749px){.button-block{justify-content:var(--button-align-mobile)}.button-block[data-width-mobile=full] .button,.button-block[data-width-mobile=full] .button-block__form{width:100%}.button-block[data-width-mobile=auto] .button,.button-block[data-width-mobile=auto] .button-block__form{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/button.css.map */