feat: improve button styling

themes/hugo-sustain/assets/scss/default.scss

@@ -55,17 +55,6 @@ html, body {
     }
   }
 
-  .label-success {
-    background-color: rgba(92, 139, 184, 0.6);
-    color: #fff;
-
-    &:hover,
-    &.active {
-      background-color: rgba(92, 139, 184, 0.9);
-      color: #fff;
-    }
-  }
-
   h1 {
     font-weight: bold;
     color: var(--primary-color);
@@ -80,6 +69,26 @@ html, body {
   }
 }
 
+/* Labels */
+.label {
+  &.label-success {
+    background-color: rgba(92, 139, 184, 0.6);
+    color: #fff;
+
+    &.label-lg {
+      font-size: 1em;
+      padding: 0.5em 1em;
+    }
+
+    &:hover,
+    &:focus,
+    &.active {
+      background-color: rgba(92, 139, 184, 0.9);
+      color: #fff;
+    }
+  }
+}
+
 /* Images */
 .container p img,
 .img-responsive {
@@ -204,7 +213,6 @@ html, body {
     img {
       width: 100%;
       height: auto;
-      padding-bottom: 2px;
     }
 
     p {
@@ -212,12 +220,21 @@ html, body {
       font-size: 0.8em;
       text-align: center;
       line-height: 1em;
+      margin-top: .5em;
       margin-bottom: 0;
     }
   }
 
   .blog-links {
-    margin-bottom: 1em;
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin-bottom: .5em;
+    justify-content: center;
+
+    .label {
+      margin-bottom: 0;
+    }
   }
 }