/* The DECOY call to action: the eye, the words, an arrow that leans in; blaze wipes across on hover.
   .cta.light for dark grounds. */
.cta{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 22px 0 8px;border-radius:999px;background:#121212;color:#EFEBE3;
  text-decoration:none;font:700 17px/1 Archivo,sans-serif;font-stretch:87%;letter-spacing:.01em;position:relative;overflow:hidden;isolation:isolate;
  transition:transform .4s cubic-bezier(.16,1,.3,1),color .4s}
.cta::before{content:"";position:absolute;inset:0;background:#E8541E;transform:translateX(-101%);transition:transform .55s cubic-bezier(.16,1,.3,1);z-index:-1}
.cta:hover::before,.cta:focus-visible::before{transform:none}
.cta:active{transform:scale(.97)}
.cta-eye{width:40px;height:40px;border-radius:50%;background:#EFEBE3;display:grid;place-items:center;position:relative;flex:none}
.cta-eye::before,.cta-eye::after{content:"";position:absolute;width:15px;height:3px;background:#E8541E;border-radius:1px;transform:rotate(45deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.cta-eye::after{transform:rotate(-45deg)}
.cta:hover .cta-eye::before{transform:rotate(135deg)}.cta:hover .cta-eye::after{transform:rotate(45deg)}
.cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.cta:hover svg{transform:translateX(4px)}
.cta.light{background:#EFEBE3;color:#121212}
.cta.light .cta-eye{background:#121212}
.cta.light:hover{color:#EFEBE3}