/* The arrow becomes a rabbit inside the CTA; nothing floats above it. */
.rabbit-cta{position:relative;overflow:hidden}
.rabbit-cta .rabbit-arrow{transition:opacity .15s,transform .25s}
.rabbit-cta .button-rabbit{display:block;position:absolute;width:30px;height:30px;right:18px;top:calc(50% - 15px);object-fit:contain;pointer-events:none;opacity:0}
@keyframes button-hop{0%{transform:translate(-25px,15px) scale(1.15,.8)}45%{transform:translate(-10px,-8px) rotate(-10deg) scale(.95,1.08)}80%{transform:translate(0,2px) scale(1.1,.9)}100%{transform:none}}
@media(hover:hover){
 .rabbit-cta:hover .rabbit-arrow{opacity:0;transform:translate(5px,-5px)}
 .rabbit-cta:hover .button-rabbit{opacity:1;animation:button-hop .6s cubic-bezier(.2,.7,.2,1) both}
}
.rabbit-cta:focus-visible .rabbit-arrow{opacity:0;transform:translate(5px,-5px)}
.rabbit-cta:focus-visible .button-rabbit{opacity:1;animation:button-hop .6s cubic-bezier(.2,.7,.2,1) both}
@media(hover:none){.rabbit-cta:hover .rabbit-arrow{opacity:1;transform:none}.rabbit-cta:hover .button-rabbit{opacity:0;animation:none}}
@media(prefers-reduced-motion:reduce){.rabbit-cta .rabbit-arrow{transition:none}.rabbit-cta:hover .button-rabbit,.rabbit-cta:focus-visible .button-rabbit{animation:none}}