fix: color of delete unused buttons

Author: Ishfaq-code

assets/js/Components/ReviewFilesPage.css

@@ -1,18 +1,3 @@
-.review-files-delete-button {
-  --review-files-delete-color: var(--issue-color, var(--error-color));
-  background-color: var(--review-files-delete-color);
-  border-color: var(--review-files-delete-color);
-  color: var(--white);
-  fill: var(--white);
-
-  &:hover,
-  &:focus {
-    filter: brightness(var(--hover-brightness));
-    color: var(--white);
-    fill: var(--white);
-  }
-}
-
 .unused-files-list-container {
   display: flex;
   flex-direction: column;

assets/js/Components/ReviewFilesPage.js

@@ -1116,7 +1116,7 @@ const getSectionPostOptions = (newFile, sectionReferences) => {
             <h1 className="pageTitle">{t('files.title')}</h1>
             <button
               type="button"
-              className="btn-small btn-icon-left review-files-delete-button"
+              className="btn-small btn-icon-left btn-secondary"
               tabIndex="0"
               onClick={() => openDialog(unusedFileDialogId)}
               aria-label={t('files.button.delete_unused_files')}>