changed the sizes again and again perfectionism lol

src/styles/donation_callout.scss

@@ -1,26 +1,25 @@
 .donation-callout {
   position: sticky;
-  text-align: center;
-  .donation-text {
-    display: flex;
-    text-align: center;
     .heart {
-      width: 50px;
-      height: 50px;
-      margin-top: 30px;
-      margin-right: 20px;
-      align-self: left;
+      margin-right: 10px;
+      margin-top: 10px;
+      width: 5vh;
+      height: 5vh;
+      max-width: 50px;
+      max-height: 50px;
     }
-  }
+  display: flex;
   border-radius: 10px;
   margin-block: 50px;
   background-color: #7c7c7c1f;
   border: 1px solid lighten(#7c7c7c1f, 12%);
-  padding: 20px;
+  padding: 16px;
   font-size: 16px;
   button {
+    align-self: self-end;
     margin: 0;
-    margin-left: 70px;
+    margin-top: 16px;
+    min-width: 150px;
     a[target="_blank"]::after {
       background-color: white;
     }

src/styles/main.scss

@@ -39,7 +39,7 @@ main {
   border: 1px solid lighten($highlight-primary, 12%);
   box-shadow: 0px 4px 4px 0px #00000040;
   padding: 2vw;
-  width: 60vw;
+  width: 65vw;
 
   margin-bottom: 11vh;
 }

src/styles/sidebar.scss

@@ -6,7 +6,7 @@
   display: flex;
   justify-content: space-evenly;
   margin-top: 3vh;
-  width: 25vw;
+  width: 18vw;
   a {
     color: white;
     text-decoration: none;