shadows and primary border fixes

src/App.vue

@@ -123,11 +123,6 @@ export default {
     }
   }
 
-  .v-btn:not(.v-btn--outlined).primary {
-    color: $button-text-color;
-    border: $button-border;
-  }
-
   // fade-in animation
   .v-application--wrap {
     animation: fade-in 3s forwards;

src/scss/custom.scss

@@ -69,6 +69,14 @@ body {
     &:not(.v-btn--round).v-size--default {
       min-width: 160px;
     }
+
+    &.primary {
+      color: $primary-button-text-color !important;
+    }
+
+    &.no-border {
+      border: none !important;
+    }
   }
 
   // some text areas have a label too close to the text field
@@ -167,13 +175,6 @@ body {
     }
   }
 
-  .v-btn {
-    box-shadow: none;
-    &.no-border {
-      border: none !important;
-    }
-  }
-
   .table-no-link {
     color: #12b5f6;
     &:hover {

src/scss/variables.scss

@@ -3,8 +3,6 @@ $bottom-bg-color: #04243a;
 
 $text-color: #ffffff;
 $dark-bg-color: #002743;
-$button-text-color: #000000;
-
 $gradient-alpha: #00000000;
 
 $p1-light-green: #bdc931;
@@ -17,9 +15,6 @@ $bottom-bg: #031727;
 $link-color: #ffffff;
 $link-hover-color: #efefef;
 
-$button-border-color: #002743;
-$button-border: 0.5px solid $button-border-color !important;
-
 $table-row-even-bg: #15283a;
 $table-row-odd-bg: #010e19;
 
@@ -30,6 +25,7 @@ $table-row-odd-bg-light: #fbfbfb;
 $body-font-family: "Open Sans", serif;
 $border-radius-root: 4px;
 $font-size-root: 16px;
+$primary-button-text-color: #000000;
 
 // Variables must come before the import
 $btn-font-weight: 600;