.custom-dropdown-btn {
    background-color: white; /* default background */
    border: none; /* remove border */
    box-shadow: none; /* remove Bootstrap default shadow */
}

    .custom-dropdown-btn:hover,
    .custom-dropdown-btn:focus,
    .custom-dropdown-btn:active,
    .custom-dropdown-btn.show {
        background-color: #fff; /* light gray on hover and active */
        border: none; /* ensure no border appears */
        box-shadow: none;
        color:black;
    }