refactor: update examples

src/App.vue

@@ -36,4 +36,6 @@ export default {
 <style lang="scss">
 // Import Main styles for this application
 @import 'styles/style';
+// We use those styles to show code examples, you should remove them in your application.
+@import 'styles/examples';
 </style>

src/styles/examples.scss

@@ -1,5 +1,6 @@
 /* stylelint-disable declaration-no-important, scss/selector-no-redundant-nesting-selector */
-$enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-variable-default */
+
+$enable-deprecation-messages: false !default;
 
 @import "@coreui/coreui/scss/functions";
 @import "@coreui/coreui/scss/variables";
@@ -53,6 +54,8 @@ $enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-varia
     }
 
     // Buttons
+    .col > .btn,
+    .col-auto > .btn,
     > .btn,
     > .btn-group {
       margin: .25rem .125rem;
@@ -113,4 +116,4 @@ $enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-varia
       background-color: var(--#{$prefix}secondary-bg) !important;
     }
   }
-}
+}