chore: Update share-button position, add Facebook network, and adjust…

… popover position

src/style.css

@@ -71,19 +71,36 @@ button {
 
 
 /* Modal */
+[popover] {
+  opacity: 0;
+  transition: opacity 100ms ease-in, scale 100ms ease-in;
+  scale: 0.9;
+}
+
 :popover-open {
   position: absolute;
   max-width: min(100% - 16px, 31.25em);
+  height: fit-content;
   padding: 0;
   margin: 0;
   font-family: inherit;
   color: var(--color-element);
   background-color: transparent;
   filter: var(--filter);
   border: none;
+  opacity: 1;
+  transition: opacity 100ms ease-out, scale 100ms ease-out;
+  scale: 1;
   translate: -50% 0;
 }
 
+@starting-style {
+  :popover-open {
+    opacity: 0;
+    scale: 0.9;
+  }
+}
+
 .popover-inner {
   position: relative;
 
@@ -193,8 +210,6 @@ button {
   }
 }
 
-
-
 .social-media {
   display: flex;
   flex: 1;