Issue #3279693 by mherchel, andy-blum: Olivero: Hyperlinks with "button" or...

Issue #3279693 by mherchel, andy-blum: Olivero: Hyperlinks with "button" or "button--primary" do not have proper styling when nested in a "text-content" container

core/themes/olivero/css/components/button.css

@@ -42,7 +42,7 @@
   border: solid 2px #0d77b5;
   border-radius: 0.1875rem;
   background-color: #fff;
-  font-family: inherit;
+  font-family: "metropolis", sans-serif;
   font-size: 1.125rem;
   font-weight: 700;
   -webkit-appearance: none;

core/themes/olivero/css/components/button.pcss.css

@@ -20,7 +20,7 @@
   border: solid 2px var(--color--blue-20);
   border-radius: var(--border-radius);
   background-color: var(--color--white);
-  font-family: inherit;
+  font-family: var(--font-sans);
   font-size: var(--font-size-l);
   font-weight: 700;
   appearance: none;

core/themes/olivero/css/components/text-content.css

@@ -26,7 +26,7 @@
   */
 }
 
-.text-content a, .cke_editable a {
+.text-content a:not(.button), .cke_editable a:not(.button) {
     color: #0d77b5;
     -webkit-text-decoration-color: #0d77b5;
     text-decoration-color: #0d77b5;
@@ -36,13 +36,13 @@
 
 @supports (box-shadow: none) {
 
-.text-content a, .cke_editable a {
+.text-content a:not(.button), .cke_editable a:not(.button) {
       transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
       text-decoration: none;
       box-shadow: inset 0 -2px 0 0 #2494db
   }
 
-      .text-content a:hover, .cke_editable a:hover {
+      .text-content a:not(.button):hover, .cke_editable a:not(.button):hover {
         text-decoration: underline;
         color: #000;
 

core/themes/olivero/css/components/text-content.pcss.css

@@ -20,7 +20,7 @@
     text-decoration-color supported by Chrome, FF, & Safari
   */
 
-  & a {
+  & a:not(.button) {
     color: var(--color--blue-20);
     text-decoration-color: var(--color--blue-20);
     text-decoration-thickness: 2px;