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,21 +781,16 @@
   }
 
   &__footer {
-    display: flex;
     border-top: 1px solid #666;
     padding: 10px;
-    justify-content: center;
-    align-items: center;
-
-    > span {
     font-size: 14px;
+    text-align: center;
     color: var(--primary-text-color--faint);
 
     a {
       color: var(--brand-color) !important;
     }
   }
-  }
 
   @media screen and (max-width: 895px) {
     height: 270px !important;