fix(theme): change the order of CSS rules of `VPFlyout` (#4225)

close #4224

src/client/theme-default/components/VPFlyout.vue

@@ -78,6 +78,12 @@ function onBlur() {
   color: var(--vp-c-brand-2);
 }
 
+.button[aria-expanded="false"] + .menu {
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(0);
+}
+
 .VPFlyout:hover .menu,
 .button[aria-expanded="true"] + .menu {
   opacity: 1;
@@ -85,12 +91,6 @@ function onBlur() {
   transform: translateY(0);
 }
 
-.button[aria-expanded="false"] + .menu {
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(0);
-}
-
 .button {
   display: flex;
   align-items: center;