.cta-btn{--cta-bg:#b1dae7;--cta-fg:#234567;--cta-size:40px;--cta-fs:13px;height:var(--cta-size);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 18px;font-family:inherit;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.cta-btn--sm{--cta-size:34px;--cta-fs:12px;padding:0 14px}.cta-btn--md{--cta-size:40px;--cta-fs:13px;padding:0 18px}.cta-btn--lg{--cta-size:52px;--cta-fs:15px;padding:0 24px}.cta-btn:before{content:"";background:var(--cta-bg);width:var(--cta-size);height:var(--cta-size);z-index:0;border-radius:999px;transition:width .3s;display:block;position:absolute;top:0;left:0}.cta-btn span{z-index:1;font-size:var(--cta-fs);letter-spacing:.05em;color:var(--cta-fg);font-weight:700;position:relative}.cta-btn svg{z-index:1;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--cta-fg);stroke-width:2px;margin-left:10px;transition:transform .3s;position:relative;transform:translate(-5px)}.cta-btn:hover:before{width:100%}.cta-btn:hover svg{transform:translate(0)}.cta-btn:active{transform:scale(.95)}.cta-btn:focus-visible{outline:2px solid var(--brand-500,#7c5cff);outline-offset:4px;border-radius:999px}[data-theme=dark] .cta-btn{--cta-bg:#2d4a5e;--cta-fg:#b1dae7}