fixed donate button border

app/styles/areas/_settings.scss

@@ -334,8 +334,11 @@
         }
     }
     &__donate-btn {
+        $donate-border-color: #89abed;
+
         background: #fff;
-        border: 2px solid #89abed;
+        border: 2px solid $donate-border-color;
+        border-bottom: 2px solid $donate-border-color;
         border-radius: 2.8rem;
         text-align: center;
         display: inline-block;
@@ -345,6 +348,10 @@
         height: 2.8rem;
         margin-bottom: $base-padding-v * 2;
 
+        &:hover {
+            border-bottom: 2px solid $donate-border-color;
+        }
+
         &-top,
         &-bottom {
             pointer-events: none;

app/templates/settings/settings-about.hbs

@@ -3,7 +3,7 @@
     <p>{{#res 'setAboutFirst'}}<a href="https://antelle.net" target="_blank">Antelle</a>{{/res~}}&nbsp;
         {{~#res 'setAboutSecond'}}<a href="{{licenseLink}}" target="_blank">MIT</a>{{/res}}
         {{#res 'setAboutSource'}}<a href="{{repoLink}}" target="_blank">GitHub <i class="fa fa-github-alt bottom"></i></a>{{/res}}</p>
-    <a href="{{donationLink}}" target="_blank" class="settings__donate-btn no-border">
+    <a href="{{donationLink}}" target="_blank" class="settings__donate-btn">
         <span class="settings__donate-btn-top">Become a</span><span class="settings__donate-btn-bottom">Backer</span>
     </a>
     <p>{{res 'setAboutBuilt'}}:</p>