我需要更改asp:Login控件按钮的样式和控件使用

.login-button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

<asp:Login ID="Login1" runat="server">
   <LayoutTemplate>
        <asp:TextBox ID="UserName" runat="server"></asp:TextBox>
        <asp:TextBox ID="Password" runat="server"></asp:TextBox>
        <asp:Button ID="LoginButton" runat="server" CssClass="login-button" Text="登录" OnClick="LoginButton_Click" />
    </LayoutTemplate>
</asp:Login>

protected void Login1_Authenticate(object sender, AuthenticateEventArgs e)
{
    // 验证用户的凭据
    if (Login1.UserName == "username" && Login1.Password == "password")
    {
        e.Authenticated = true;
    }
    else
    {
        e.Authenticated = false;
    }
}

protected void Login1_LoggedIn(object sender, EventArgs e)
{
    // 将用户重定向到受保护的页面
    Response.Redirect("ProtectedPage.aspx");
}