Fix problems with applying css-styles to elements

In polymer 2 some styles processed differently. For example @apply
is deprecated and sometimes final style is different than in Polymer 1.
In the future, @apply should be removed - see Issue 11277.

Bug: Issue 11163
Change-Id: I7bb5055ba3fd509e461b419482e629b77d48cbdd

polygerrit-ui/app/elements/shared/gr-account-chip/gr-account-chip.html

@@ -40,14 +40,8 @@ limitations under the License.
       :host([show-avatar]) .container {
         padding-left: 0;
       }
-      gr-button.remove:hover,
-      gr-button.remove:focus {
-        --gr-button: {
-          color: #333;
-        }
-      }
       gr-button.remove {
-        --gr-button: {
+        --gr-remove-button-style: {
           border: 0;
           color: var(--deemphasized-text-color);
           font-size: 1.7rem;
@@ -59,6 +53,19 @@ limitations under the License.
           text-decoration: none;
         }
       }
+
+      gr-button.remove:hover,
+      gr-button.remove:focus {
+        --gr-button: {
+          @apply --gr-remove-button-style;
+          color: #333;
+        }
+      }
+      gr-button.remove {
+        --gr-button: {
+          @apply --gr-remove-button-style;
+        }
+      }
       :host:focus {
         border-color: transparent;
         box-shadow: none;