<style>
/* General Styling for Auth Messages */
.auth-message {
    padding: 15px;
    margin: 20px 0;
    border-radius: 5px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Success Messages */
.auth-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.auth-success i {
    color: #28a745;
}

/* Error Messages */
.auth-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.auth-error i {
    color: #dc3545;
}

/* Warning Messages */
.auth-warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

.auth-warning i {
    color: #ffc107;
}

</style>

<error>
    <code>wp_die</code>
    <title><![CDATA[Access Denied]]></title>
    <message><![CDATA[&lt;!DOCTYPE html&gt;
        &lt;html lang=&quot;en&quot;&gt;
        &lt;head&gt;
            &lt;meta charset=&quot;UTF-8&quot;&gt;
            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
            &lt;title&gt;Access Denied&lt;/title&gt;
            &lt;link href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css&quot; rel=&quot;stylesheet&quot;&gt;
            &lt;style&gt;
                body {
                    font-family: Arial, sans-serif;
                    background-color: #f8d7da;
                    color: #721c24;
                    display: flex;
                    align-items: top;
                    justify-content: center;
                    height: 100vh;
                    margin: 0;
                }
                .auth-error-message {
                    text-align: center;
                    padding: 20px;
                    border: 1px solid #f5c6cb;
                    background-color: #f8d7da;
                    border-radius: 8px;
                    max-width: 500px;
                    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
                }
                .auth-error-message i {
                    font-size: 50px;
                    margin-bottom: 10px;
                    color: #dc3545;
                }
                .auth-error-message h1 {
                    font-size: 24px;
                    margin: 10px 0;
                }
                .auth-error-message p {
                    font-size: 16px;
                    margin: 0;
                }
            &lt;/style&gt;
        &lt;/head&gt;
        &lt;body&gt;
            &lt;div class=&quot;auth-error-message&quot;&gt;
                &lt;i class=&quot;fas fa-exclamation-circle&quot;&gt;&lt;/i&gt;
                &lt;h1&gt;Access Denied&lt;/h1&gt;
                &lt;p&gt;You are not an authorized person to view this page.&lt;/p&gt;
            &lt;/div&gt;
        &lt;/body&gt;
        &lt;/html&gt;]]></message>
    <data>
        <status>403</status>
    </data>
</error>
