fix: fix button sizes

src/components/Button/styles.module.scss

@@ -12,6 +12,8 @@
   text-decoration: none;
   margin: 0;
   display: inline-block;
+  line-height: 147%;
+  //box-sizing: content-box;
   -webkit-tap-highlight-color: transparent;
 }
 

src/components/PopupButton/PopupButton.tsx

@@ -38,11 +38,9 @@ export const PopupButton = ({size = "md", schema, text, links, title}: PopupButt
   return (
     <div className={styles.container}>
 
-      <div className={styles.button}>
+      <Button size={size} schema={schema} onClick={() => setIsPopupOpen(true)}>
-        <Button size={size} schema={schema} onClick={() => setIsPopupOpen(true)}>
+        {text}
-          {text}
+      </Button>
-        </Button>
-      </div>
 
       {isPopupOpen && (
         <div className={styles.popup}>

src/components/PopupButton/styles.module.scss

@@ -1,28 +1,26 @@
 @import 'template.scss';
 
 .container {
-  display: inline-grid;
+  position: relative;
-  place-items: center;
+  display: inline-block;
-  grid-template-areas: "a";
-  grid-template-rows: fit-content(0);
-}
-
-.button {
-  grid-area: a;
 }
 
 .popup {
-  grid-area: a;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
   background-color: $white;
   box-shadow: 0 0 21px 0 rgba(0,0,0,0.4);
   border-radius: 7px;
   min-width: 200px;
-  position: relative;
   overflow: auto;
 }
 
 .popupTitle {
   font-weight: bold;
+  font-size: 16px;
   text-align: center;
   padding: 10px 0;
   border-bottom: 1px solid $border-color-light;
@@ -33,7 +31,7 @@
   text-decoration: none;
   padding: 5px 15px;
   display: block;
-  font-size: 17px;
+  font-size: 16px;
   transition: background-color 0.2s ease-in;
 }