Adjusting button-question so question text is always black font and adjusting list-card padding bottom to 3 rem

src/common-components/button-question/button-question.vue

@@ -1,6 +1,6 @@
 <!-- Documented in confluence https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Component -->
 <template>
-  <div :class="isOverflowScrollable ? 'button_question' : ''">
+  <div :class="isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question'">
     <div v-if="questionText" class="mt-5 mb-4 d-flex">
       <span class="text-center fs-5 fw-bold w-100">{{ questionText }}</span>
     </div>
@@ -146,8 +146,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.button_question {
-  color: $black;
+.button-question-overflow {
   height: calc(100vh - 280px);
 
   .overflow-scroll {
@@ -156,4 +155,7 @@ export default {
     -webkit-overflow-scrolling: touch;
   }
 }
+.button-question {
+  color: $black;
+}
 </style>

src/ux-components/list-card/list-card.vue

@@ -17,7 +17,7 @@
       />
       <label
         :for="buttonID"
-        class="d-flex w-100 align-items-center px-2 h-100"
+        class="d-flex w-100 align-items-center px-3 h-100"
         :class="getLabelClasses" tabindex="-1"
       >
         <img