Want to add URL same as Workflow, in a button

I have made a Notification with below HTML Code

<!DOCTYPE html>
<html>
<head>
    <style>
        table {
            width: 100%;
        }
        th, td {
            text-align: left;
            padding: 8px;
        }
        th {
            background-color: #f2f2f2;
        }
        .action-buttons {
            margin-top: 20px;
        }
        .action-button {
            padding: 10px 20px;
            margin-right: 10px;
            background-color: #007bff;
            color: white;
            text-decoration: none;
            border-radius: 5px;
        }
        .reject-button {
            background-color: #dc3545;
        }
    </style>
</head>
<body>

<h2 style="margin-top:-20px;">EXPENSE CLAIM</h2>

<p><strong>Employee ID :</strong> {{ doc.employee }}</p>
<p><strong>Employee Name :</strong> {{ doc.employee_name }}</p>

<h1>HIIIIIII</h1>
<table>
    <thead>
        <tr>
            <th>Expense Date</th>
            <th>Expense Claim Type</th>
            <th>Description</th>
            <th>Amount</th>
        </tr>
    </thead>
    <tbody>
        {% for x in doc.expenses %}
        <tr>
            <td>{{ loop.index }}. {{ x.expense_date }}</td>
            <td>{{ x.expense_type }}</td>
            <td>{{ x.description }}</td>
            <td>{{ x.amount }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<p><strong>Grand Total :</strong> {{ doc.grand_total }}</p>

<div class="action-buttons">
    <a href="http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname={{ doc.name }}&action=Pending+Manager&current_state={{ doc.workflow_state }}&user={{ frappe.session.user }}&last_modified={{ doc.modified }}&_signature=1234"
       class="action-button">Pending Manager</a>
    <a href="http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname={{ doc.name }}&action=Reject&current_state={{ doc.workflow_state }}&user={{ frappe.session.user }}&last_modified={{ doc.modified }}&_signature=1234"
       class="action-button reject-button">Reject</a>
</div>

</body>
</html>

This is what email is send

This is the error coming when any of the button is clicked (Pending Manager, Reject)

Below is the URL for the above image
http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname=HR-EXP-2024-00106&action=Pending+Manager&current_state=Pending%20Manager&user=ayush@gmail.com&last_modified=2024-06-04%2012:18:26.572291&_signature=1234

How to resolve this so that, it opens likes this

Anyone know the solution ?

Anyone please help, i am stuck in this task

Please anyone who can help, any suggestion is useful
some signature thing is their when link is generated, how to make that correct one

Eg : this is the correct link which i want

http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname=HR-EXP-2024-00057&action=Reject&current_state=Pending+Manager&
user=rajat.maurya%40kulsys.com&last_modified=2024-05-27+14%3A10%3A21.648805
&_signature=fbc111492b61ada509a01e43365db317f663c95103a06c42e00c10b42463ce56f57549f667e91da897639ef51aae6be7a23c4e76fbe3c4067708c423cbfa2546

this is the my currect link which is generated

http://0.0.0.0:8003/api/method/frappe.workflow.doctype.workflow_action.workflow_action.apply_action?doctype=Expense+Claim&docname=HR-EXP-2024-00106&action=Pending+Manager&current_state=Pending%20Manager&user=ayush@gmail.com&last_modified=2024-06-04%2012:18:26.572291&_signature=1234

how can i make same ?
help