.cta{--w: var(--w--xs, auto);display:inline-flex;align-items:center;justify-content:center;width:var(--w);padding-top:var(--pt-cta);padding-bottom:var(--pb-cta);padding-left:var(--px-cta);padding-right:var(--px-cta);font-family:var(--ff-cta);font-size:var(--fs-cta);font-weight:var(--fw-cta);letter-spacing:var(--ls-cta);line-height:1;text-align:center;text-transform:var(--tt-cta);white-space:nowrap;border-radius:var(--br-cta);border:var(--bw-cta) solid var(--bc);background-color:var(--bg);color:var(--fg);cursor:pointer;transition:background-color var(--tr-cta),color var(--tr-cta),border-color var(--tr-cta),opacity var(--tr-cta)}@media(min-width:768px){.cta{--w: var(--w--sm, var(--w--xs, auto))}}@media(min-width:1024px){.cta{--w: var(--w--md, var(--w--sm, var(--w--xs, auto)))}}@media(min-width:1200px){.cta{--w: var(--w--lg, var(--w--md, var(--w--sm, var(--w--xs, auto))))}}.cta:disabled,.cta.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default;opacity:.7}a.cta,a.cta:hover,a.cta:active{text-decoration:none;color:var(--fg)}.cta.d-block{--w--xs: min-content;--w--sm: min-content;--w--md: min-content;--w--lg: min-content;display:flex}.cta.thin{padding-top:calc(var(--pt-cta) / 2);padding-bottom:calc(var(--pb-cta) / 2);padding-left:calc(var(--px-cta) / 2);padding-right:calc(var(--px-cta) / 2)}.cta.wide{padding-top:calc(var(--pt-cta) * 1.2);padding-bottom:calc(var(--pb-cta) * 1.2);padding-left:calc(var(--px-cta) * 1.2);padding-right:calc(var(--px-cta) * 1.2)}.cta:has(span){padding-top:0;padding-bottom:0}.cta span{padding-top:var(--pt-cta);padding-bottom:var(--pb-cta)}.cta.thin:has(span){padding-top:0;padding-bottom:0}.cta.thin span{padding-top:calc(var(--pt-cta) / 2);padding-bottom:calc(var(--pb-cta) / 2)}.cta.wide:has(span){padding-top:0;padding-bottom:0}.cta.wide span{padding-top:calc(var(--pt-cta) * 1.2);padding-bottom:calc(var(--pb-cta) * 1.2)}.cta svg:not(:last-child),.cta span:not(:last-child){margin-right:.4em}.cta svg{width:1.5em;height:auto}.cta:has(.loading-spinner){position:relative}.cta:has(.loading-spinner)>svg,.cta:has(.loading-spinner)>span,.cta:has(.loading-spinner)>.loading-spinner{transition:opacity .3s ease}.cta .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.cta[is-loading],.cta.is-loading,.cta:disabled[is-loading],.cta:disabled.is-loading,.cta.disabled[is-loading],.cta.disabled.is-loading{opacity:1}.cta[is-loading] .loading-spinner,.cta.is-loading .loading-spinner{opacity:1}.cta[is-loading]>:not(.loading-spinner),.cta.is-loading>:not(.loading-spinner){opacity:0}.cta,.cta.primary{--cta-accent: var(--cl-cta-primary-accent);--cta-border: var(--cl-cta-primary-border);--cta-contrast: var(--cl-cta-primary-contrast);--cta-accent--hover: var(--cl-cta-primary-accent--hover);--cta-border--hover: var(--cl-cta-primary-border--hover);--cta-contrast--hover: var(--cl-cta-primary-contrast--hover);--cta-accent--active: var(--cl-cta-primary-accent--active);--cta-border--active: var(--cl-cta-primary-border--active);--cta-contrast--active: var(--cl-cta-primary-contrast--active)}.cta.secondary{--cta-accent: var(--cl-cta-secondary-accent);--cta-border: var(--cl-cta-secondary-border);--cta-contrast: var(--cl-cta-secondary-contrast);--cta-accent--hover: var(--cl-cta-secondary-accent--hover);--cta-border--hover: var(--cl-cta-secondary-border--hover);--cta-contrast--hover: var(--cl-cta-secondary-contrast--hover);--cta-accent--active: var(--cl-cta-secondary-accent--active);--cta-border--active: var(--cl-cta-secondary-border--active);--cta-contrast--active: var(--cl-cta-secondary-contrast--active)}.cta.black-and-white{--cta-accent: var(--cl-cta-bw-accent);--cta-border: var(--cl-cta-bw-border);--cta-contrast: var(--cl-cta-bw-contrast);--cta-accent--hover: var(--cl-cta-bw-accent--hover);--cta-border--hover: var(--cl-cta-bw-border--hover);--cta-contrast--hover: var(--cl-cta-bw-contrast--hover);--cta-accent--active: var(--cl-cta-bw-accent--active);--cta-border--active: var(--cl-cta-bw-border--active);--cta-contrast--active: var(--cl-cta-bw-contrast--active)}.cta,.cta.solid{--bg: var(--cta-accent);--bc: var(--cta-border);--fg: var(--cta-contrast)}.cta:hover,.cta.solid:hover{--bg: var(--cta-accent--hover);--bc: var(--cta-border--hover);--fg: var(--cta-contrast--hover)}.cta[class*=" cta-cs--"]:active,.cta[class*=" cta-cs--"][aria-selected=true],.cta[class*=" cta-cs--"].is-loading,.cta[class*=" cta-cs--"][disabled].is-loading,.cta.solid[class*=" cta-cs--"].solid:active,.cta.solid[class*=" cta-cs--"].solid[aria-selected=true],.cta.solid[class*=" cta-cs--"].solid.is-loading,.cta.solid[class*=" cta-cs--"][disabled].solid.is-loading{--fg: var(--cta-contrast--hover);--bg: var(--cta-accent--hover);--bc: var(--cta-border--hover);--bg: hsl(from var(--cta-accent--hover) h s calc(l - 2) );--bc: hsl(from var(--cta-border--hover) h s calc(l - 2) )}.cta.outline{--bg: transparent;--bc: var(--cta-border);--fg: var(--cta-accent);font-family:var(--ff-title);font-size:calc(var(--fs-cta) * 1.4);font-weight:500;letter-spacing:var(--ls-title)}.cta.outline:hover{--bg: var(--cta-accent--hover);--bc: var(--cta-border--hover);--fg: var(--cta-contrast--hover)}.cta.outline[class*=" cta-cs--"]:active,.cta.outline[class*=" cta-cs--"][aria-selected=true],.cta.outline[class*=" cta-cs--"].is-loading,.cta.outline[class*=" cta-cs--"][disabled].is-loading{--fg: var(--cta-contrast--hover);--bg: var(--cta-accent--hover);--bc: var(--cta-border--hover);--bg: hsl(from var(--cta-accent--hover) h s calc(l - 2) );--bc: hsl(from var(--cta-border--hover) h s calc(l - 2) )}.cta.simple{--bg: var(--cta-simple-bg--passive, transparent);--bc: transparent;--fg: var(--cta-accent)}.cta.simple:hover{--bg: var(--cta-accent--hover);--bc: var(--cta-border--hover);--fg: var(--cta-contrast--hover)}.cta.simple.outline[class*=" cta-cs--"]:active,.cta.simple.outline[class*=" cta-cs--"][aria-selected=true],.cta.simple.outline[class*=" cta-cs--"].is-loading,.cta.simple.outline[class*=" cta-cs--"][disabled].is-loading{--fg: var(--cta-contrast--hover);--bg: var(--cta-accent--hover);--bc: var(--cta-border--hover);--bg: hsl(from var(--cta-accent--hover) h s calc(l - 2) );--bc: hsl(from var(--cta-border--hover) h s calc(l - 2) )}
/*# sourceMappingURL=/cdn/shop/t/32/assets/cta.css.map */