style: reorder class attributes for consistency in 404.vue and BaseButton.vue

Author: sfxcode

app/components/BaseButton.vue

@@ -20,7 +20,7 @@ defineProps({
 <template>
   <button
     :disabled="disabled"
-    class="text-red-500 btn"
+    class="btn text-red-500"
     :class="{
       [`btn-color-${color}`]: color,
       [`btn-size-${size}`]: size,

app/pages/404.vue

@@ -4,7 +4,7 @@ const router = useRouter()
 
 <template>
   <div class="card">
-    <div class="col-12 mt-10 text-center">
+    <div class="mt-10 text-center col-12">
       <img src="/nuxt-logo.svg" alt="Nuxt logo" class="mb-5" style="width:81px; height:60px;">
     </div>
     <main class="text-8xl text-teal-700 px-4 py-10 text-center">
@@ -18,7 +18,7 @@ const router = useRouter()
       <h1 class="text-2xl text-5xl font-bold text-center">
         Page not found ...
       </h1>
-      <div class="col-12 mt-5 text-center">
+      <div class="mt-5 text-center col-12">
         <Button icon="pi pi-arrow-left" label="Back to home" @click="router.push('/')" />
       </div>
     </div>