Use correct color for cancel button in dialog (#34308)

* Use secondary style for cancel button in dialog

* Update snapshots

* Update screenshots

* Update screenshots

apps/web/res/css/_common.pcss

@@ -662,6 +662,7 @@ legend {
     button:not(
         .mx_Dialog_nonDialogButton,
         .mx_AccessibleButton,
+        .cancel,
         .mx_UserProfileSettings button,
         .mx_ThemeChoicePanel_CustomTheme button,
         .mx_UnpinAllDialog button,
@@ -723,6 +724,13 @@ legend {
     opacity: 0.7;
 }
 
+.mx_Dialog_buttons button.cancel {
+    color: var(--cpd-color-text-primary);
+    background-color: var(--cpd-color-bg-action-secondary-rest);
+    border-color: var(--cpd-color-border-interactive-secondary);
+    min-width: 156px;
+}
+
 /* Spinner Dialog overide */
 .mx_Dialog_wrapper.mx_Dialog_spinner {
     /* This is not a real dialog, so we shouldn't show a glass border */