#app{background:#000;color:#fff;font:900 clamp(1.5rem,4vw,3rem) Jua;height:100vh;margin:0;padding:10px;box-sizing:border-box}#app,.box{display:grid}.box{grid-gap:clamp(10px,3vw,20px);gap:clamp(10px,3vw,20px);margin:auto;place-items:center;text-align:center;max-width:100%;padding:0 10px}.gif{height:clamp(200px,40vw,350px);max-width:90vw;object-fit:contain}.btns{display:flex;gap:clamp(20px,5vw,40px);width:100%;max-width:400px;flex-wrap:wrap;justify-content:center}.no,.yes{flex:1 1 120px;max-width:180px}.no{transition:all .4s}button{background:green;border:none;border-radius:15px;color:#fff;cursor:pointer;font:900 clamp(1.2rem,3vw,2rem) Jua;padding:clamp(10px,2vw,15px) clamp(20px,4vw,30px);width:100%;min-height:50px;touch-action:manipulation}@media (max-width:768px){#app{font:900 clamp(1.2rem,5vw,2rem) Jua;padding:15px}.box{gap:15px;padding:0 5px}.gif{height:clamp(150px,35vw,250px);max-width:95vw}.btns{gap:15px;flex-direction:column;max-width:300px;align-items:center}.no,.yes{flex:none;width:180px}button{font:900 clamp(1rem,4vw,1.5rem) Jua;padding:12px 20px;min-height:45px;width:100%}}@media (max-width:480px){#app{font:900 clamp(1rem,6vw,1.5rem) Jua;padding:10px}.gif{height:clamp(120px,30vw,200px)}.btns{max-width:250px;gap:10px;align-items:center}.no,.yes{flex:none;width:160px}button{font:900 clamp(.9rem,5vw,1.2rem) Jua;padding:10px 15px;min-height:40px;width:100%}}