Move every rule for callouts inside div.callout

Author: cderv

src/resources/formats/revealjs/quarto.scss

@@ -941,7 +941,7 @@ kbd {
 
 /* Callout styles */
 
-.callout {
+div.callout {
   margin-top: $callout-margin-top;
   margin-bottom: $callout-margin-bottom;
   border-radius: $border-radius;
@@ -1076,15 +1076,15 @@ kbd {
   &.no-icon::before {
     display: none !important;
   }
-}
 
-.callout-title {
-  display: flex;
-  align-items: center;
-}
+  .callout-title {
+    display: flex;
+    align-items: center;
+  }
 
-.callout-icon::before {
-  padding-right: 0.5rem;
+  .callout-icon::before {
+    padding-right: 0.5rem;
+  }
 }
 
 /* Callout Types */