.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:13px 22px;background:var(--color-green);color:var(--color-stone-light);border:1px solid var(--color-green);border-radius:var(--radius-control);text-decoration:none;cursor:pointer;transition:background var(--duration-control),color var(--duration-control)}
.button:hover{background:var(--color-basalt);color:var(--color-stone-light)}
:focus-visible{outline:3px solid var(--color-basalt);outline-offset:5px}
.strips{position:absolute;inset:0;display:flex;direction:ltr;pointer-events:none}
.strips i{width:calc(100%/6 + 1px);flex-shrink:0;height:100%;background:var(--color-green);transform:translateY(-102%)}
.reveal-demo.is-playing .strips i{animation:strip-reveal var(--duration-reveal) var(--ease-reveal) both;animation-delay:calc(var(--strip-index)*var(--delay-strip))}
@keyframes strip-reveal{from{transform:translateY(0)}to{transform:translateY(-102%)}}
@media(prefers-reduced-motion:reduce){.strips{display:none}.button{transition:none}}

.icon{display:block;flex-shrink:0}.cta-arrow{width:26px;height:26px;transition:transform var(--duration-control)}.button:hover .cta-arrow,.text-link:hover .cta-arrow{transform:translateX(-4px)}.text-link .cta-arrow{width:24px;height:24px}.gsap-ready .strips{display:flex}.gsap-ready .strips i{animation:none}
@media(prefers-reduced-motion:reduce){.cta-arrow{transition:none}}