html,body{max-width:100vw;overflow-x:hidden}.clay-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:420px;margin:0 auto;padding:1.25rem 1.5rem;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;font-weight:600;border-radius:1rem;border:none;transition:box-shadow .2s,background .2s,color .2s;box-shadow:10px 10px 20px #bebebe59,-10px -10px 20px #ffffffd9,inset 3px 3px 6px #fffffff2,inset -3px -3px 6px #bebebe4d;background:linear-gradient(145deg,#fff,#e6e6e6);cursor:pointer}.clay-btn--primary{background:linear-gradient(145deg,#ff8c42,#ff5733);color:#fff}.clay-btn--primary:hover{background:linear-gradient(145deg,#ff5733,#ff8c42)}.clay-btn--secondary{background:linear-gradient(145deg,#fff,#e6e6e6);color:#4caf50;border:2px solid #4CAF50}.clay-btn--secondary:hover{background:linear-gradient(145deg,#4caf50,#fff);color:#fff}