_sass/sidebar.scss in jekyll-theme-satellite-1.0.0 vs _sass/sidebar.scss in jekyll-theme-satellite-1.1.0

@@ -148,10 +148,12 @@
         text-align: center;
         background: #ffe390;
         border: none;
         border-radius: 50%;
         margin-left: 1rem;
+        position: relative;
+        vertical-align: top;
         cursor: pointer;
 
         &:hover {
             border: 2px solid midnightblue;
             animation: leaves .75s ease-in-out infinite alternate;
@@ -171,22 +173,30 @@
 
     svg {
         fill: #3A241A !important;
         width: 24px;
         position: relative;
+        transition: all .3s;
     }
 
+    .ico-dark, .ico-light { 
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
     .ico-dark {
-        display: block;
+        transform: translate(-50%, -50%) scale(1);
 
-        &.active{ display: none; }
+        &.active{ transform: translate(-50%, -50%) scale(0); }
     }
 
     .ico-light {
-        display: none;
+        transform: translate(-50%, -50%) scale(0);
 
-        &.active{ display: block; }
+        &.active{ transform: translate(-50%, -50%) scale(1); }
     }
 }
 
 @include mq(tablet){
     .side-banner {
@@ -241,24 +251,23 @@
         padding: 1rem;
         text-align: center;
 
         .highlight {
             font-weight: 600;
-            font-family: 'Righteous', sans-serif;
             background-image: -webkit-linear-gradient(left, #a95770 25%, #ff4d7c 32.5%, #97d0ec 50%, #ff4d7c 67.5%, #a95770 75%);
             background-image: linear-gradient(90deg, #a95770 25%, #ff4d7c 32.5%, #97d0ec 50%, #ff4d7c 67.5%, #a95770 75%);
             background-position: right center;
             background-size: 400% auto;
             -webkit-background-clip: text;
             background-clip: text;
             -webkit-text-fill-color: transparent;
 
             &:hover {
                 color: #ef9671;
-                animation: slide 2s ease-in infinite;
+                animation: slidetext 2s ease-in infinite;
             }
 
-            @keyframes slide {
+            @keyframes slidetext {
                 100% {
                     background-position: left center;
                 }
             }
         }
\ No newline at end of file