[libadwaita/wip/exalm/more-toolbars] stylesheet: Specificity bump emoji chooser buttons against toolbar

[Alexander Mikhaylenko <alexm src gnome org>]

commit 9aa7ca9c908b501f315b7dc1c3af037eafc41a80
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue Sep 14 14:29:00 2021 +0500

    stylesheet: Specificity bump emoji chooser buttons against toolbar
    
    Also extend flat and circular rather than copying them.

 src/stylesheet/widgets/_emoji-chooser.scss | 26 ++++----------------------
 1 file changed, 4 insertions(+), 22 deletions(-)
---
diff --git a/src/stylesheet/widgets/_emoji-chooser.scss b/src/stylesheet/widgets/_emoji-chooser.scss
index ffc5f02a..efb8f297 100644
--- a/src/stylesheet/widgets/_emoji-chooser.scss
+++ b/src/stylesheet/widgets/_emoji-chooser.scss
@@ -14,30 +14,12 @@ popover.background.emoji-picker > contents {
   border-top: 1px solid $borders_color;
 }
 
-button.emoji-section {
+button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action) {
+  @extend %circular_button;
+  @extend %button_basic_flat;
+
   min-width: 32px;
   min-height: 32px;
-  border-radius: 16px;
-
-  padding: 0;
-  background: none;
-  transition: none;
-
-  &:hover {
-    background: $view_hover_color;
-  }
-
-  &:checked {
-    background: $view_selected_color;
-
-    &:hover {
-      background: $view_selected_hover_color;
-    }
-  }
-
-  &:hover:active {
-    background: $view_active_color;
-  }
 }
 
 popover.emoji-picker emoji {