Paper pricing

<article><header><span class="brand">forma.</span><span class="badge">FOR INDEPENDENT MINDS</span></header><h1>A little more<br>room to create.</h1><p>Everything you need to bring your next<br>great idea into the world.</p><div class="price"><strong>$19</strong><span>/ month</span></div><ul><li>Unlimited creative projects</li><li>Your own space on the web</li><li>Thoughtful tools, zero noise</li></ul><button>Find your flow <span>↗</span></button><footer>NO COMMITMENTS. JUST POSSIBILITIES.</footer></article>

*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:system-ui,sans-serif;background:#0b1020;color:#eaf0ff;padding:35px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #63dbea;outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body{background:#e9e5df;color:#282921}article{width:340px;max-width:100%;background:#f9f7f1;border:1px solid #d2cec4;border-radius:5px;padding:30px;box-shadow:8px 8px 0 #d8d4c9}header{display:flex;justify-content:space-between;align-items:center}.brand{font-family:Georgia,serif;font-size:25px;font-weight:bold}.badge{font-size:6px;letter-spacing:1.1px;color:#7a7b6f}h1{font-family:Georgia,serif;font-size:33px;font-weight:normal;line-height:1.13;letter-spacing:-1px;margin:27px 0 13px}p{font-size:10px;line-height:1.8;color:#848377}.price{margin:25px 0 18px;display:flex;align-items:baseline;gap:7px}.price strong{font-size:41px;font-weight:500;letter-spacing:-2px}.price span{font-size:9px;color:#8e8c82}ul{list-style:none;margin:0 0 25px;padding:0;font-size:10px;line-height:2.6;color:#696b60}li:before{content:"✓";margin-right:9px;color:#808c6b}button{background:#414d36;border:0;border-radius:4px;color:#f6f5ed;width:100%;padding:13px 15px;font-size:10px;display:flex;justify-content:space-between}button:hover{background:#59674c}footer{font-size:6px;letter-spacing:1.5px;text-align:center;color:#939386;margin-top:16px}

document.querySelector("button").addEventListener("click",()=>{document.querySelector("button").textContent="You found your flow ✓"});