add btn-shadow modifier

src/assets/scss/abstracts/_mixins.scss

@@ -13,7 +13,7 @@
   @include gradient-bg($background);
   border-color: $border;
   // @include box-shadow($btn-box-shadow);
-  @if $background == $white {
+  &.btn-shadow {
     box-shadow: 3px 5px 0 $dark;
   }
 

src/components/nodes/NodeViewFooter.vue

@@ -14,7 +14,7 @@
         </div>
 
         <div v-if="mode === 'view' && node.siblings && node.siblings.length">
-          <b-button :id="'siblings-' + node.id" variant="depart" class="siblings">
+          <b-button :id="'siblings-' + node.id" variant="depart" class="btn-shadow siblings">
             {{ $t('siblings') }}
           </b-button>
 
@@ -48,13 +48,13 @@
       </div>
 
       <div v-if="mode === 'card' && preview" class="mt-2">
-        <b-button @click="onOpenSelf()" variant="depart" class="btn-read">
+        <b-button @click="onOpenSelf()" variant="depart" class="btn-shadow btn-read">
           {{ $t('text.read') }}
         </b-button>
       </div>
 
       <div v-if="mode === 'view' && showOrigin" class="mt-2">
-        <b-button @click="onOpenSelf()" variant="depart" class="btn-read">
+        <b-button @click="onOpenSelf()" variant="depart" class="btn-shadow btn-read">
           {{ $t('text.read-origin') }}
         </b-button>
       </div>