fix: styles for manual consent opt out version 2

Author: Gamille7

packages/component-header-footer/src/footer/index.styles.js

@@ -412,6 +412,27 @@ const StyledFooter = styled.footer`
     }
   }
 
+  //footer manual consent opt-out
+  .footer-legal-links,
+  .footer-menu,
+  .nav {
+    &.colophon #manualConsentoptout,
+    #manualConsentoptout {
+      color: #747474;
+      border: none;
+      background-color: transparent;
+      width: auto;
+      cursor: pointer;
+      padding: 0;
+      text-align: right;
+      justify-self: end;
+      font-size: 1rem;
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
   // Bootstrap Default Stylings
   .row {
     --bs-gutter-x: 24px;

packages/unity-bootstrap-theme/src/scss/extends/_globalfooter.scss

@@ -357,15 +357,17 @@ footer {
 .footer-legal-links,
 .footer-menu,
 .nav {
-  &.colophon #manualConsentoptout, #manualConsentoptout {
-    color: $uds-color-base-gray-5;
+  &.colophon #manualConsentoptout,
+  #manualConsentoptout {
+    color: #747474;
     border: none;
     background-color: transparent;
     width: auto;
     cursor: pointer;
     padding: 0;
     text-align: right;
     justify-self: end;
+    font-size: 1rem;
     &:hover {
       text-decoration: underline;
     }