@keyframes ripple{0%{opacity:.8;width:0;height:0}to{opacity:0;width:300px;height:300px}}.cta-ripple{pointer-events:none;will-change:width,height,opacity;background-color:#fff9;border-radius:50%;animation:.6s ease-out forwards ripple;position:absolute;transform:translate(-50%,-50%)}.cta-arrow{will-change:transform;transition:transform .3s ease-out;display:inline-block}.cta-button-primary:hover .cta-arrow{transform:translate(2px)}.cta-button-secondary{will-change:border-color,box-shadow;position:relative}.cta-button-secondary:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000,#00bfff4d,#0000);border-radius:.5rem;padding:1px;transition:opacity .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cta-button-secondary:hover:before{opacity:1}.cta-button-secondary{transition:border-color .4s cubic-bezier(.34,1.56,.64,1),color .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1),transform .3s ease-out}
