Migrating old icon button in Approval Rules to GlIcon

changelogs/unreleased/private-group-btn.yml

+---
+title: Migration of old icon button to component button in Approval Rules (private groups)
+merge_request: 39769
+author:
+type: changed

ee/app/assets/javascripts/approvals/components/hidden_groups_item.vue

 <script>
-import { GlTooltipDirective, GlDeprecatedButton } from '@gitlab/ui';
-import Icon from '~/vue_shared/components/icon.vue';
+import { GlTooltipDirective, GlIcon } from '@gitlab/ui';
 
 export default {
   components: {
-    GlDeprecatedButton,
-    Icon,
+    GlIcon,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -16,16 +14,15 @@ export default {
 <template>
   <div class="d-flex align-items-center">
     <div class="square s24 d-flex-center mr-2 text-tertiary">
-      <icon name="folder-o" :size="16" />
+      <gl-icon name="folder-o" :size="16" />
     </div>
     <span>{{ __('Private group(s)') }}</span>
-    <gl-deprecated-button
+    <gl-icon
       v-gl-tooltip
       :title="__('One or more groups that you don\'t have access to.')"
-      variant="blank"
-      class="ml-1 text-secondary"
-    >
-      <icon name="question-o" :size="16" />
-    </gl-deprecated-button>
+      class="ml-1 gl-text-gray-500"
+      name="question-o"
+      :size="16"
+    />
   </div>
 </template>