/* Headz collection purchase CTA, copied directly and scoped to its shared class.
   The only illustration adaptation is the flat hand SVG replacing the head. */
.button.headz-sidekick{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:58px;height:58px;padding:20px 20px 20px 70px;font-size:16px;font-weight:700;white-space:nowrap;border:0;position:relative;isolation:isolate;border-radius:19px 28px 28px 19px;overflow:visible;background:var(--td-color-action);color:var(--td-color-on-action);box-shadow:none;transition:background-color .25s,box-shadow .25s}
.button.headz-sidekick>span{padding-left:20px;border-left:1px solid var(--td-color-action-divider);color:var(--td-color-text)}
.button.headz-sidekick:hover{background:var(--td-color-action-hover);color:var(--td-color-on-action);box-shadow:none}
.headz-sidekick .cta-side-character{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:32px;height:38px;overflow:visible;pointer-events:none;z-index:2}
.button.headz-sidekick>span.cta-glint{position:absolute;inset:0;border:0;padding:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1}
.headz-sidekick .cta-glint:after{content:'';position:absolute;inset:-30% auto -30% -55%;width:35%;background:linear-gradient(90deg,transparent,#ffffff24,transparent);transform:skewX(-20deg);opacity:0}
.headz-sidekick:after{content:none}
.headz-sidekick:is(:hover,:focus-visible) .cta-glint:after{animation:headz-cta-glint 1.15s ease-out both}
@keyframes headz-cta-glint{0%{left:-55%;opacity:0}18%{opacity:1}100%{left:125%;opacity:0}}
.hand-wave{transform-box:fill-box;transform-origin:50% 90%;animation:cta-hand-greet 1.2s ease-in-out .5s 2}
.headz-sidekick:is(:hover,:focus-visible) .hand-wave{animation:cta-hand-wave 1.2s ease-in-out 2}
@keyframes cta-hand-greet{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-12deg)}45%,85%{transform:rotate(8deg)}}
@keyframes cta-hand-wave{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-12deg)}45%,85%{transform:rotate(8deg)}}
/* Keep the same compact artwork in the narrow edition-card layout. */
@media(max-width:360px){.edition-copy .button.primary .cta-side-character{width:26px;height:32px;left:12px}}
@media(prefers-reduced-motion:reduce){.hand-wave,.headz-sidekick:is(:hover,:focus-visible) .hand-wave{animation:none;transform:none}.headz-sidekick:is(:hover,:focus-visible) .cta-glint:after{animation:none}}