Update back button to remove text as link.

Add padding around back button.

src/common-components/funnel-sub-header/funnel-sub-header.vue

@@ -2,9 +2,9 @@
   <div class="current_car_info-text">
     <div class="d-flex align-items-center justify-content-center">
       <h2 class="text-center fs-5 d-block fw-normal mb-0">
-        <button v-if="hasBackButton && backButtonAction" @click="backButtonAction">
+        <p class="m-0" v-if="hasBackButton">
           {{ text }}
-        </button>
+        </p>
         <span v-else>
           {{ text }}
         </span>
@@ -48,6 +48,6 @@ export default {
     }
   }
   .back-button-wrapper {
-    margin-left: .25rem;
+    margin-left: 0;
   }
 </style>

src/layouts/component-test/component-test.vue

@@ -39,7 +39,7 @@
     </div>
     <div class="row">
       <div class="col my-3 d-flex align-items-center">
-        <buttonBack 
+        <buttonBack
           backButtonUrl="#"
           backButtonAccessibleText="Back button label"
         />
@@ -618,7 +618,6 @@ export default {
     alert,
     vehicleBanner,
     listButtonHorizontal,
-    siteHeader,
     checkbox,
     funnelHeader,
   },

src/ux-components/button-back/button-back.vue

@@ -1,8 +1,8 @@
 <template>
-  <button 
-    v-if="backButtonAction" 
-    @click="backButtonAction" 
-    class="back-button-wrapper d-flex p-0" 
+  <button
+    v-if="backButtonAction"
+    @click="backButtonAction"
+    class="back-button-wrapper d-flex p-3" 
     :aria-label="backButtonAccessibleText"
   >
     <div class="button-back">