Change from gl-deprecated-button to gl-button

ee/app/assets/javascripts/environments/components/canary_deployment_callout.vue

 <script>
-import { GlDeprecatedButton, GlLink, GlIcon } from '@gitlab/ui';
+import { GlButton, GlLink, GlIcon } from '@gitlab/ui';
 import PersistentUserCallout from '~/persistent_user_callout';
 
 export default {
   components: {
-    GlDeprecatedButton,
+    GlButton,
     GlLink,
     GlIcon,
   },
@@ -56,12 +56,9 @@ export default {
         <gl-link :href="helpCanaryDeploymentsPath">{{ __('Read more') }}</gl-link>
       </p>
 
-      <gl-deprecated-button
-        href="https://about.gitlab.com/sales/"
-        variant="outline-primary"
-        class="canary-deployment-callout-button"
-        >{{ __('Contact sales to upgrade') }}</gl-deprecated-button
-      >
+      <gl-button href="https://about.gitlab.com/sales/" category="secondary" variant="info">{{
+        __('Contact sales to upgrade')
+      }}</gl-button>
     </div>
 
     <div class="ml-auto pr-2 canary-deployment-callout-close js-close">