.zs-cta-wrap{margin-top:3.2rem}.zs-cta-wrap--center{text-align:center}.zs-cta-wrap--right{text-align:right}.zs-cta{position:relative;display:inline-flex;align-items:center;gap:1rem;overflow:hidden;padding:1.4rem 2.8rem;border:.1rem solid transparent;border-radius:var(--buttons-radius-outset, .4rem);font-family:var(--font-heading-family);font-size:1.5rem;font-weight:600;letter-spacing:.06rem;line-height:1;text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s cubic-bezier(.22,.61,.36,1),background-color .25s ease,border-color .25s ease,color .25s ease}.zs-cta--primary{color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));box-shadow:0 .2rem 1.2rem rgba(var(--color-button),.22)}.zs-cta--ghost{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.28)}.zs-cta:hover{transform:translateY(-.2rem)}.zs-cta--primary:hover{box-shadow:0 .6rem 2.4rem rgba(var(--color-button),.42)}.zs-cta--ghost:hover{border-color:rgba(var(--color-foreground),.55);background-color:rgba(var(--color-foreground),.08)}.zs-cta:active{transform:translateY(0)}.zs-cta__sheen{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(100deg,transparent 20%,rgba(var(--color-button-text),.28) 50%,transparent 80%);pointer-events:none}.zs-cta--ghost .zs-cta__sheen{background:linear-gradient(100deg,transparent 20%,rgba(var(--color-foreground),.12) 50%,transparent 80%)}.zs-cta:hover .zs-cta__sheen{animation:zs-cta-sheen .75s cubic-bezier(.22,.61,.36,1)}@keyframes zs-cta-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.zs-cta__label{position:relative}.zs-cta__arrow{position:relative;display:inline-flex;transition:transform .25s cubic-bezier(.22,.61,.36,1)}.zs-cta__arrow svg{width:1.6rem;height:1.6rem;display:block}.zs-cta:hover .zs-cta__arrow{transform:translate(.4rem)}.zs-cta:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media screen and (max-width:480px){.zs-cta{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.zs-cta,.zs-cta__arrow{transition:none}.zs-cta:hover,.zs-cta:hover .zs-cta__arrow{transform:none}.zs-cta:hover .zs-cta__sheen{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zs-cta.css.map */