Restyle shutdown menu and button with glass-fluid look

src/style/components/shutdown.styl

@@ -18,10 +18,17 @@
   padding 12px
   border-radius 12px
   cursor pointer
-  background var(--background-block)
+  background var(--glass-bg)
+  border 1px solid var(--glass-border)
+  backdrop-filter var(--glass-blur)
+  -webkit-backdrop-filter var(--glass-blur)
+  box-shadow var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08)
   width 40px
-  transition border-radius .15s
+  transition border-radius .15s, background .25s, border-color .25s
   height 40px
+  &:hover
+    background var(--glass-bg-active)
+    border-color var(--glass-border-active)
   svg
     color var(--color-unfocus)
     display block
@@ -31,13 +38,18 @@
       color white
 
 .shutdown-menu
-  border-radius 12px 12px 0 0
+  border-radius 16px 16px 0 0
   position absolute
   bottom 0
   right 0
   width 40px
   display flex
-  background var(--background-block)
+  background var(--glass-bg-active)
+  border 1px solid var(--glass-border)
+  border-bottom none
+  backdrop-filter var(--glass-blur)
+  -webkit-backdrop-filter var(--glass-blur)
+  box-shadow var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08)
   transition .3s
   opacity 0
   flex-direction column
@@ -47,7 +59,8 @@
   height 40px
   padding 12px
   color var(--color-unfocus)
-  transition .2s color
+  transition .2s color, .2s background
   &:hover
     color white
+    background rgba(255, 255, 255, 0.08)