simple and default style share more common rules

Author: cderv

src/resources/formats/revealjs/quarto.scss

@@ -938,12 +938,21 @@ kbd {
     border-top: solid 1px $table-border-color;
     border-bottom: solid 1px $table-border-color;
 
-    .callout-body,
-    div.callout-title {
-      // Font size is inherited from the parent div.callout
-      // which is scaled down like .smaller
-      font-size: inherit;
+    div {
+      &.callout-body,
+      &.callout-title {
+        // Font size is inherited from the parent div.callout
+        // which is scaled down like .smaller
+        font-size: inherit;
+      }
+
+      &.callout-title {
+        border-bottom: none;
+        font-weight: 600;
+        font-size: 0.9rem;
+      }
     }
+
     .callout-icon::before {
       height: 2rem;
       width: 2rem;
@@ -983,9 +992,6 @@ kbd {
     }
 
     div.callout-title {
-      border-bottom: none;
-      font-size: 0.9rem;
-      font-weight: 600;
       opacity: 75%;
     }
   }
@@ -1013,10 +1019,7 @@ kbd {
 
     div {
       &.callout-title {
-        border-bottom: none;
-        font-weight: 600;
         opacity: 85%;
-        font-size: 0.9rem;
         padding-left: 0.5em;
         padding-right: 0.5em;
       }