streamlit_ui/style.css

/* General Sidebar Style */
.sidebar-header {
    font-size: 24px;
    color: #f5f5f5;
    text-align: center;
    font-weight: bold;
    margin-bottom: 24px;
}

/* Streamlit native button customization */
div.stButton > button {
    width: 90%; /* Adjust width */
    height: 60px; /* Adjust height */
    margin: 10px auto; /* Center the button */
    padding: 10px;
    font-size: 20px; /* Larger font size */
    text-align: center;
    background-color: #8ECAE6; /* Primary button color */
    color: #023047; /* Text color */
    border: 2px solid #219EBC; /* Border color */
    border-radius: 10px; /* Rounded corners */
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

div.stButton > button:hover {
    background-color: #219EBC; /* Darker shade on hover */
    color: #FFFFFF; /* Text color on hover */
    transform: scale(1.05); /* Slight zoom effect */
}

div.stButton > button:active {
    background-color: #023047; /* Even darker shade when clicked */
    color: #FFFFFF; /* Text color when clicked */
}