whoops

_includes/masthead.html

@@ -9,9 +9,7 @@
       {{ site.masthead_title | default: site.title }}
       {% if site.subtitle %}<span class="site-subtitle">{{ site.subtitle }}</span>{% endif %}
     </a>
-    <<div class="iframe-container">
-      <iframe src="your-iframe-source" class="iframe-content"></iframe>
-      <a href="#" class="btn btn--primary btn--large">Large Button</a>
+    <a href="#" class="btn btn--primary btn--large">Large Button</a>
     </div>
   </div>
 </div>

_sass/minimal-mistakes/_masthead.scss

@@ -57,18 +57,32 @@
   font-size: $type-size-8;
 }
 
-.iframe-container {
+.masthead__inner-wrap {
+  @include clearfix;
+  margin-inline: auto;
+  padding: 1em;
+  max-width: 100%;
   display: flex;
-  align-items: center; // Align items vertically in the center
-  justify-content: space-between; // Ensure space between iframe and button
-}
+  justify-content: space-between;
+  align-items: center;
+  font-family: $sans-serif-narrow;
 
-.iframe-content {
-  flex-grow: 1; // Allow iframe to take up remaining space
-}
+  @include breakpoint($x-large) {
+    max-width: $max-width;
+  }
+
+  nav {
+    z-index: 10;
+  }
+
+  a {
+    text-decoration: none;
+  }
 
-.btn--large {
-  font-size: $type-size-5; // Ensure this matches your large button size
+  .btn--large {
+    margin-left: auto; // Pushes the button to the right
+    font-size: $type-size-5; // Ensure this matches your large button size
+  }
 }
 
 .masthead__menu {