Wax seal envelope button
The letter slides into the envelope, the flap closes and a wax seal drops onto it before the envelope opens again.
Settings
Code
<div class="uvq01-env"><button class="e" type="button"><span class="bk" aria-hidden="true"></span><span class="fl" aria-hidden="true"></span><span class="lt"><span>Send invitation</span></span><span class="fr" aria-hidden="true"></span><span class="sl" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"><path d="M12 4.5l2.2 4.6 5 .6-3.7 3.4 1 5-4.5-2.5-4.5 2.5 1-5-3.7-3.4 5-.6z"/></svg></span></button><span class="ok" role="status"></span><span class="msg" hidden>Sent</span></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Buttons
See all ButtonsWhere to use it
A send button with ceremony: a kraft envelope holds a letter with your label written in italic serif. On click the letter drops inside, the flap folds down over it in 3D and a burgundy wax seal with an embossed star lands on the tip with a small squash. A short status line confirms the send, also for screen reader users. It suits invitations, weddings and thank you notes.
The main color is the wax and the secondary color is the paper, so navy wax on white or gold on black are quick changes. Keep the label to two or three words so it fits on the card, and the envelope reopens by itself after a few seconds.