How to remove highlight once Hovered on buttons

CountLessQ

I am trying to remove the hoover affect from buttons. I tried This:

 .dataTables_wrapper .dt-button .dt-button:hover {
      background: none;
      color: black!important; /*change the hover text color*/
    }


    /*below block of css for change style when active*/

    .dataTables_wrapper .dt-button .dt-butto:active {
      background: none;
      color: black!important;
    }

CountLessQ

this is my code for the future on how to remove hover on btn:

  .dt-button {
            float: left;
            text-align: left;
            margin: 0px 2px 0px 0px;
            font-size: 11px;
            font-family: Arial, Helvetica, sans-serif;
        }

            .dt-button.red {
                color: white;
                background: #2356a6;
                position: relative;
                display: inline-block;
                padding: 3px 8px;
                border-radius: 3px;
                margin: 0px 2px 0px 0px;
                font-size: 11px;
                font-family: Arial, Helvetica, sans-serif;
            }

                .dt-button.red:hover {
                    color: white !important;
                    background: #2356a6 !important;
                    position: relative !important;
                    display: inline-block !important;
                    padding: 3px 8px !important;
                    border-radius: 3px !important;
                    margin: 0px 2px 0px 0px;
                    font-size: 11px;
                    font-family: Arial, Helvetica, sans-serif;
                }