html,body{height:100%;margin:0;padding:0}body{background:linear-gradient(117deg,#ff41f7cc,#ff494980);display:flex;align-items:center;justify-content:center}.proposal-container,.otp-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;font-family:Arial,sans-serif;padding:20px;box-sizing:border-box}.message-box{text-align:center;color:#fff;font-size:72px;font-weight:700;text-transform:capitalize;margin-bottom:20px}.button-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.previous-button,.next-button,.final-button,.yes-button,.no-button{padding:15px 30px;color:gray;background-color:#fff;border:none;border-radius:50px;width:250px;height:60px;margin:10px;font-weight:700;font-size:1.2rem}.previous-button:hover,.next-button:hover,.final-button:hover,.yes-button:hover{background-color:#ff4690;border:2px solid white}.no-button{background-color:#f0f0f0;position:relative;overflow:hidden;color:gray;font-weight:700;cursor:none}.no-button span{visibility:visible}.no-button:hover span{visibility:hidden}.no-button:hover{background-color:#ff4690;border:2px solid white;color:#fff}.no-button:hover:after{content:"Please click Accepted 🥺";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:#fff}.otp-input{padding:10px;font-size:1rem;margin-bottom:20px;border:2px solid gray;border-radius:50px;width:200px;height:50px;text-align:center;font-weight:700;color:gray;background-color:#fff}.otp-submit-button{padding:10px 20px;font-size:1rem;color:gray;background-color:#fff;border:none;border-radius:50px;width:200px;height:50px;font-weight:700}.otp-submit-button:hover{background-color:#ff4690;border:0px solid gray}@media (max-width: 768px){.message-box{font-size:48px}.previous-button,.next-button,.final-button,.yes-button,.no-button{width:200px;height:50px;font-size:1rem}.otp-input,.otp-submit-button{width:180px;height:40px;font-size:.9rem}}.Emotion-box{text-align:center;color:#fff;font-size:58px;font-weight:700;text-transform:capitalize;margin-bottom:20px}.Emotion-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;font-family:Arial,sans-serif;padding:20px;box-sizing:border-box}.Emotion-box{text-align:center;color:#fff;font-size:58px;font-weight:700;text-transform:lowercase;margin-bottom:20px}@media (max-width: 768px){.Emotion-box{font-size:32px}}@media (max-width: 480px){.Emotion-box{font-size:24px}}