DevTools: update buttons to new style

third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css

 /*
  * Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 * {
     /* This is required for correct sizing of flex items because we rely
      * on an old version of the flexbox spec.
      * Longer-term we should remove this, see crbug.com/473625 */
@@ skipping 362 matching lines @@
     -webkit-mask-image: -webkit-image-set(url(Images/largeIcons.png) 1x, url(Images/largeIcons_2x.png) 2x);
     -webkit-mask-position: var(--spritesheet-position);
     background: white !important;
 }
 
 .force-white-icons [is=ui-icon].spritesheet-mediumicons, [is=ui-icon].force-white-icons.spritesheet-mediumicons {
     -webkit-mask-image: -webkit-image-set(url(Images/mediumIcons.png) 1x, url(Images/mediumIcons_2x.png) 2x);
     -webkit-mask-position: var(--spritesheet-position);
     background: white !important;
 }
-
-button.material-button {
-    display: inline-block;
-    text-shadow: none;
-    padding: 6px 10px;
-    background-color: #ffffff !important;
-    color: gray;
-    background-image: unset !important;
-    box-shadow: none !important;
-    cursor: pointer;
-}
-
-button.material-button.default {
-    color: white;
-    background-color: #4285f4 !important;
-}
-
-button.material-button.default:disabled {
-    background-color: #ffffff !important;
-    color: gray;
-}
-
-button.material-button.default:not(:disabled):hover {
-    background-color: hsla(217, 89%, 58%, 1) !important;
-    color: white !important;
-}
-
-button.material-button:not(:disabled):hover {
-    background-color: #eee !important;
-    color: gray !important;
-}