style: improve feel of spinner removal

src/scss/app.scss

@@ -214,25 +214,23 @@ div.alert *:last-child {
 
 #blog-loading-spinner {
   margin: 20px;
+  height: auto;
+  opacity: 1;
 
   &.removed {
-    animation: spinner-removed 2s ease-in-out;
+    margin: 0;
+    height: 0;
+    opacity: 0;
+    transition: all 0.5s ease-in-out;
   }
 }
 
-@keyframes spinner-removed {
+a.bmc-btn {
-  0% {
+  &:link, &:visited, &:active {
-    transform: scaleY(1);
+    color: #000;
-    opacity: 1;
   }
 
-  50% {
+  &:hover {
-    transform: scaleY(1);
+    color: #fff;
-    opacity: 0;
-  }
-
-  100% {
-    transform: scaleY(0);
-    opacity: 0;
   }
 }

src/ts/app.ts

@@ -54,7 +54,7 @@ declare const Prism: any;
             const spinner = document.querySelector("#blog-loading-spinner");
             if (spinner) {
                 spinner.classList.add("removed");
-                setTimeout(() => spinner.remove(), 1100);
+                setTimeout(() => spinner.remove(), 1000);
             }
         });
     }