.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.6rem 1.4rem;border:1px solid #3a3a3a;border-radius:10px;background:transparent;transition:color .12s ease-out,border-color .12s ease-out;position:relative;overflow:hidden;font-size:14px;font-family:inherit;cursor:pointer;color:#aaa;z-index:1}.btn:before,.btn:after{content:"";position:absolute;left:50%;border-radius:50%;display:block;z-index:-1;transition:all .28s cubic-bezier(.55,0,.1,1)}.btn:before{transform:translate(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:#7c3aed1a}.btn:after{left:55%;transform:translate(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#7c3aed59}.btn:hover:not(:disabled){color:#f1f1f1;border-color:#6b1d2b}.btn:hover:not(:disabled):before{top:-35%;background-color:#7c3aed38;transform:translate(-50%) scaleY(1.3) scaleX(.8)}.btn:hover:not(:disabled):after{top:-45%;background-color:#7c3aed66;transform:translate(-50%) scaleY(1.3) scaleX(.8)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:#7c3aed;border-color:#7c3aed;color:#fff}.btn-primary:hover:not(:disabled){border-color:#6b1d2b}.btn-ghost{background:transparent;border-color:#444;color:#888}.btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:before,.btn-danger:after{background-color:#ef44444d}.btn-danger:before{background-color:#ef44441a}.btn-danger:hover:not(:disabled){border-color:#ef4444}.btn-danger:hover:not(:disabled):before{background-color:#ef444438}.btn-danger:hover:not(:disabled):after{background-color:#ef444466}.btn-sm{padding:.35rem .9rem;font-size:12px;border-radius:8px}