diff --git a/src/components/Button.vue b/src/components/Button.vue
index 6e596de..3dfe116 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -5,9 +5,9 @@
     :download="href.slice(href.lastIndexOf('/') + 1)"
     v-if="download"
   >
-    <slot></slot> ⬇️
+    <slot></slot>
   </a>
-  <a class="btn" :href="href" v-else> <slot></slot> ⬇️ </a>
+  <a class="btn" :href="href" v-else><slot></slot></a>
 </template>
 
 <script>
@@ -30,23 +30,24 @@ export default {
   top: 0;
 
   border-radius: 0.25em;
-  box-shadow: 0 0.5em 0 0 $bg-color-dark;
+  box-shadow: 0 0.5em 0 0 darken($bg-color-dark, 10%);
 
   transition: all 0.1s ease-out;
 
-  background-color: lighten($bg-color-dark, 5%);
+  font-weight: bold;
+  background-color: $bg-color-dark;
 
   text-decoration: none;
   text-align: center;
 
   &:hover {
     top: -0.25em;
-    box-shadow: 0 0.75em 0 0 $bg-color-dark;
+    box-shadow: 0 0.75em 0 0 darken($bg-color-dark, 10%);
   }
 
   &:active {
     top: 0.25em;
-    box-shadow: 0 0.25em 0 0 $bg-color-dark;
+    box-shadow: 0 0.25em 0 0 darken($bg-color-dark, 10%);
   }
 }
 </style>