body{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;background-color:#ffdae0;text-align:center;font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.c{position:absolute}.container{width:90%;max-width:500px}.btn-wrapper{display:flex;justify-content:center;gap:0}.div_btn{position:fixed;cursor:pointer;width:42px;height:42px;border:2px solid #fff;border-radius:50%;font-size:1em;line-height:40px;text-align:center;z-index:999}.more-btn{position:fixed;cursor:pointer;width:42px;height:42px;border:2px solid #fff;border-radius:50%;font-size:1em;line-height:40px;text-align:center;z-index:999;top:90px;background-color:rgba(0,0,0,.3);right:20px}.more-btn a{cursor:pointer;color:#fff;text-decoration:none}#mainImage{width:100%;max-width:200px;transition:all .3s ease}h1{font-size:5vw;color:#68495b;margin:20px 0}button{font-size:4vw;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin:10px;transition:all .3s ease}#yes{background-color:#d4818e;color:#fff}#no{background-color:#6784b1;color:#fff;position:relative}.yes-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffcad382;display:flex;flex-direction:column;align-items:center;justify-content:center}.yes-text{font-size:7vw;padding: 0 5vw;}.yes-image{width:50%;max-width:300px}@media (min-width:768px){body{display:block}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;max-width:none}#mainImage{width:200px}h1{font-size:28px;margin:20px 0}button{font-size:18px}.yes-text{font-size:36px}.yes-image{width:300px}}