Valentine 💖 body { font-family: Arial, sans-serif; background: linear-gradient(135deg, #ff9a9e, #fad0c4); height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; } .card { background: white; padding: 40px; border-radius: 20px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.2); width: 320px; } h1 { margin-bottom: 20px; } .buttons { margin-top: 25px; position: relative; } button { font-size: 18px; padding: 10px 25px; border: none; border-radius: 10px; cursor: pointer; } #yes { background: #4CAF50; color: white; } #no { background: #f44336; color: white; position: absolute; left: 120px; } #message { margin-top: 25px; font-size: 20px; color: #e91e63; display: none; }

Will you be my Valentine? 💖

<div class="buttons">
  <button id="yes">Yes 💕</button>
  <button id="no">No 💔</button>
</div>

<div id="message">
  You just made me the happiest person ❤️🥰
</div>