main-donation-box-message.html

@@ -2,8 +2,8 @@
   <div class="bottom-0 box donation-box-message fade h-0 js-donation-box js-donation-box-message overflow-hidden p-0 position-fixed start-0 w-100">
     <div class="container position-relative">
       <div class="justify-content-end justify-content-xs-center mb-4 pe-4 row">
-        <button class="border-0 btn btn-link js-btn-message-dismiss me-3 text-decoration-underline" data-count-expiration-days="7">I already donated</button>
-        <button class="btn btn-link js-btn-message-dismiss" data-count-expiration-days="1">Remind me later</button>
+        <button class="border-0 btn btn-link btn-sm js-btn-message-dismiss me-3 text-decoration-underline" data-count-expiration-days="7">I already donated</button>
+        <button class="btn btn-link btn-sm js-btn-message-dismiss" data-count-expiration-days="1">Remind me later</button>
       </div>
       <div class="mb-3 mb-sm-3 row">
         <div class="col-lg-6"></div>

sass/custom.sass

@@ -183,7 +183,9 @@ input
 .btn-sm
   @extend .fs-7
 
-  +padding(3)
+  line-height: var(--spacer) !important
+  padding-left: var(--spacer-2) !important
+  padding-right: var(--spacer-2) !important
 
 .btn-row
   gap: var(--spacer-1)