docs: rename button class to docs-button

docs/components/home/flows/Additional.vue

@@ -106,7 +106,7 @@ onPaneReady((i) => emit('pane', i))
         <br />
         Plus it's built for composition, making the access of the internal state easy as can be!
       </p>
-      <router-link class="button max-w-max" to="/guide/"> Documentation </router-link>
+      <router-link class="docs-button max-w-max" to="/guide/"> Documentation </router-link>
     </div>
   </div>
 </template>

docs/components/home/flows/Basic.vue

@@ -111,7 +111,7 @@ onConnect((param) => {
         Vue Flow comes with built-in features like zoom & pan and dedicated controls, single & multi-selections, draggable
         elements, customizable nodes and edges and a bunch of event handlers.
       </p>
-      <router-link class="button max-w-max" to="/guide/"> Documentation </router-link>
+      <router-link class="docs-button max-w-max" to="/guide/"> Documentation </router-link>
     </div>
   </div>
   <div

docs/components/home/flows/Nested.vue

@@ -65,7 +65,7 @@ onPaneReady((i) => emit('pane', i))
         <br />
         No worries! Vue Flow supports creating nested nodes and nested graphs out-of-the-box.
       </p>
-      <router-link class="button max-w-max" to="/guide/"> Documentation </router-link>
+      <router-link class="docs-button max-w-max" to="/guide/"> Documentation </router-link>
     </div>
   </div>
   <div

docs/components/home/flows/RGB.vue

@@ -108,7 +108,7 @@ const nodeColor: MiniMapNodeFunc = (node) => {
         You can expand on the existing features by using your own custom nodes and edges and implement any design and
         functionality you want.
       </p>
-      <router-link class="button max-w-max" to="/guide/">Documentation</router-link>
+      <router-link class="docs-button max-w-max" to="/guide/">Documentation</router-link>
     </div>
   </div>
 </template>