<div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
  <span style="margin-bottom: 0.5em; font-size: 1.5em;">
    {dgettext("emails", "Hi %{email},", email: @user.email)}
  </span>

  <br />

  {dgettext("emails", "You can change your email by visiting the URL below:")}

  <br />

  <a style="margin: 1em; color: rgb(31, 31, 31);" href={@url}>{@url}</a>

  <br />

  {dgettext(
    "emails",
    "If you didn't request this change from Cannery, please ignore this."
  )}
</div>