Your Move

left: 0; top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
justify-content: center;
align-items: center;

}

#offer-toggle:checked + .offer-modal { display: flex; }

.offer-content { background: white; padding: 25px; border-radius: 8px; width: 90%; max-width: 400px; position: relative; }

.close-offer { position: absolute; top: 10px; right: 15px; cursor: pointer; font-size: 20px; }

.offer-content input, .offer-content textarea { width: 100%; margin-bottom: 15px; padding: 8px; }

.offer-content input[type="submit"] { background-color: #333; color: white; border: none; cursor: pointer; }

<! data-preserve-html-node="true"-- Trigger Button & Hidden Toggle --> Make an Offer

<! data-preserve-html-node="true"-- Modal Form -->

<label>Email</label>
  <input type="email" name="email" required>

  <label>Your Offer</label>
  <input type="text" name="offer" required>

  <label>Message</label>
  <textarea name="message"></textarea>

  <input type="submit" value="Submit Offer">
</form>