Replace the pipelines nav controls buttons

app/assets/javascripts/pipelines/components/pipelines_list/nav_controls.vue

 <script>
-import { GlDeprecatedButton } from '@gitlab/ui';
+import { GlButton } from '@gitlab/ui';
 import LoadingButton from '~/vue_shared/components/loading_button.vue';
 
 export default {
   name: 'PipelineNavControls',
   components: {
     LoadingButton,
-    GlDeprecatedButton,
+    GlButton,
   },
   props: {
     newPipelinePath: {
@@ -42,14 +42,15 @@ export default {
 </script>
 <template>
   <div class="nav-controls">
-    <gl-deprecated-button
+    <gl-button
       v-if="newPipelinePath"
       :href="newPipelinePath"
       variant="success"
+      category="primary"
       class="js-run-pipeline"
     >
       {{ s__('Pipelines|Run Pipeline') }}
-    </gl-deprecated-button>
+    </gl-button>
 
     <loading-button
       v-if="resetCachePath"
@@ -59,8 +60,8 @@ export default {
       @click="onClickResetCache"
     />
 
-    <gl-deprecated-button v-if="ciLintPath" :href="ciLintPath" class="js-ci-lint">
+    <gl-button v-if="ciLintPath" :href="ciLintPath" class="js-ci-lint">
       {{ s__('Pipelines|CI Lint') }}
-    </gl-deprecated-button>
+    </gl-button>
   </div>
 </template>