fix: scope mobile media text behavior

views/blocks/media-text/media-text.css

@@ -1,39 +1,42 @@
 @media (max-width: 767px) {
-    .media-cols {
+    .wp-block-acf-media-text.media-cols {
         gap: 3rem;
         grid-template-columns: minmax(0, 1fr);
         padding: 5rem 0 0;
         padding-inline: 0 !important;
     }
 
-    .media-cols > div:first-child {
+    .wp-block-acf-media-text.media-cols > .media-wrapper {
         order: 2;
     }
 
-    .media-cols > div:first-child img {
+    .wp-block-acf-media-text.media-cols > .media-wrapper img {
         display: block;
         height: auto;
         width: 100%;
     }
 
-    .media-cols .content-wrapper {
+    .wp-block-acf-media-text.media-cols > .content-wrapper {
         order: 1;
         padding: 0;
     }
 
-    .media-cols .content-wrapper .font-light {
+    .wp-block-acf-media-text.media-cols > .content-wrapper .font-light {
         font-size: 1rem;
         line-height: 1.5;
     }
 
-    .media-cols .content-wrapper .reset {
+    .wp-block-acf-media-text.media-cols.has-two-ctas > .content-wrapper .reset {
         display: grid;
         gap: 1.375rem;
         grid-template-columns: minmax(0, 148fr) minmax(0, 124fr);
         width: min(100%, 18.375rem);
     }
 
-    .media-cols .content-wrapper .reset .button {
+    .wp-block-acf-media-text.media-cols.has-two-ctas
+        > .content-wrapper
+        .reset
+        .button {
         width: 100%;
     }
 }