Merge branch 'styles-unauthorized' into 'develop'

Correct unauthorized modal styling

See merge request soapbox-pub/soapbox-fe!573

app/styles/components/modal.scss

@@ -771,7 +771,7 @@
     &__text {
       display: block;
       margin-bottom: 18px;
-      color: #fff;
+      color: var(--primary-text-color);
       font-size: 14px;
     }
 
@@ -781,19 +781,14 @@
   }
 
   &__footer {
-    display: flex;
     border-top: 1px solid #666;
     padding: 10px;
-    justify-content: center;
+    font-size: 14px;
-    align-items: center;
+    text-align: center;
+    color: var(--primary-text-color--faint);
 
-    > span {
+    a {
-      font-size: 14px;
+      color: var(--brand-color) !important;
-      color: var(--primary-text-color--faint);
-
-      a {
-        color: var(--brand-color) !important;
-      }
     }
   }