How can i change the color of the authorize_button in streamlit?

[vishwasjavali]

Using markdown I tried to style the button component but it did not work.

st.markdown("""
<style>
/* Target the button using the 'data-testid' of the button /
button{
background-color: #4CAF50 / Green background /
color: white; / White text /
border: none; / No border /
padding: 15px 32px; / Padding /
font-size: 16px; / Font size /
cursor: pointer; / Pointer on hover /
border-radius: 8px; / Rounded corners /
transition-duration: 0.4s; / Smooth transition /
display: flex; / Use flexbox for centering the content /
align-items: center; / Vertically center content /
justify-content: center; / Horizontally center content */
}

                /* Hover effect */
                button:hover {
                    background-color: #45a049; /* Darker green on hover */
                }

              
            </style>
        """, unsafe_allow_html=True)