@gov-design-system-ce/components 4.2.2 → 4.2.4

package/dist/core/core.css

@@ -3029,7 +3029,7 @@ gov-banner[size=xl], .gov-banner[size=xl] {
   width: 100%;
   padding: var(--spacing-6xl) var(--spacing-l);
 }
-gov-banner[size=xl] [slot=image], .gov-banner[size=xl] [slot=image] {
+gov-banner[size=xl] [slot=image], gov-banner[size=xl] [slot=image] img, .gov-banner[size=xl] [slot=image], .gov-banner[size=xl] [slot=image] img {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -3090,7 +3090,7 @@ gov-banner[size=xl] *[slot=headline], .gov-banner[size=xl] *[slot=headline] {
     line-height: 125%;
     font-weight: 500;
   }
-  gov-banner[size=xl] [slot=image], .gov-banner[size=xl] [slot=image] {
+  gov-banner[size=xl] [slot=image], gov-banner[size=xl] [slot=image] img, .gov-banner[size=xl] [slot=image], .gov-banner[size=xl] [slot=image] img {
     top: 0;
     left: initial;
     right: 0;
@@ -3221,17 +3221,17 @@ gov-button gov-icon, gov-button .gov-icon, .gov-button gov-icon, .gov-button .go
   width: var(--icon-size, var(--icon-size-m));
   height: var(--icon-size, var(--icon-size-m));
 }
-gov-button[loading="0"]:not([expanded]):not([type=link]), gov-button[loading="0"]:not([expanded]):not([type=link]) .element, gov-button[loading=false i]:not([expanded]):not([type=link]), gov-button[loading=false i]:not([expanded]):not([type=link]) .element, gov-button[loading=""]:not([expanded]):not([type=link]), gov-button[loading=""]:not([expanded]):not([type=link]) .element, .gov-button[loading="0"]:not([expanded]):not([type=link]), .gov-button[loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[loading=false i]:not([expanded]):not([type=link]), .gov-button[loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[loading=""]:not([expanded]):not([type=link]), .gov-button[loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   padding: var(--padding-y, var(--spacing-none)) calc((var(--padding-x, var(--spacing-m)) * 3 + var(--icon-size, var(--icon-size-m))) / 2);
 }
-gov-button[loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   padding-left: var(--padding-x, var(--spacing-m));
   padding-right: var(--padding-x, var(--spacing-m));
 }
-gov-button[loading="0"]:not([expanded]):not([type=link]) .element, gov-button[loading=false i]:not([expanded]):not([type=link]) .element, gov-button[loading=""]:not([expanded]):not([type=link]) .element, .gov-button[loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   margin: 0 calc(-1 * (var(--padding-x, var(--spacing-m)) * 3 + var(--icon-size, var(--icon-size-m))) / 2);
 }
-gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   margin-left: calc(-1 * var(--padding-x, var(--spacing-m)));
   margin-right: calc(-1 * var(--padding-x, var(--spacing-m)));
 }
@@ -3244,6 +3244,11 @@ gov-button[loading=true i]:not([type=link]):has(gov-icon), gov-button[loading=tr
 gov-button[loading=true i]:not([type=link]):has(gov-icon)[expanded], gov-button[loading=true i]:not([type=link]):has(.gov-icon)[expanded], gov-button[loading="1"]:not([type=link]):has(gov-icon)[expanded], gov-button[loading="1"]:not([type=link]):has(.gov-icon)[expanded], gov-button[icon-start]:not([type=link]):has(gov-icon)[expanded], gov-button[icon-start]:not([type=link]):has(.gov-icon)[expanded], .gov-button[loading=true i]:not([type=link]):has(gov-icon)[expanded], .gov-button[loading=true i]:not([type=link]):has(.gov-icon)[expanded], .gov-button[loading="1"]:not([type=link]):has(gov-icon)[expanded], .gov-button[loading="1"]:not([type=link]):has(.gov-icon)[expanded], .gov-button[icon-start]:not([type=link]):has(gov-icon)[expanded], .gov-button[icon-start]:not([type=link]):has(.gov-icon)[expanded] {
   padding-left: 0;
 }
+@media (max-width: 29.99em) {
+  gov-button[loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile] {
+    padding-left: 0;
+  }
+}
 gov-button[icon-end], .gov-button[icon-end] {
   padding-right: calc(var(--padding-x, var(--spacing-m)) * 2 + var(--icon-size, var(--icon-size-m)));
 }
@@ -4131,17 +4136,17 @@ gov-button[size=xs] gov-icon, gov-button[size=xs] .gov-icon, .gov-button[size=xs
   width: var(--icon-size, var(--icon-size-xs));
   height: var(--icon-size, var(--icon-size-xs));
 }
-gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]), gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]), gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=xs][loading=""]:not([expanded]):not([type=link]), gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]), .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]), .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]), .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   padding: var(--padding-y, var(--spacing-none)) calc((var(--padding-x, var(--spacing-s)) * 3 + var(--icon-size, var(--icon-size-xs))) / 2);
 }
-gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   padding-left: var(--padding-x, var(--spacing-s));
   padding-right: var(--padding-x, var(--spacing-s));
 }
-gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   margin: 0 calc(-1 * (var(--padding-x, var(--spacing-s)) * 3 + var(--icon-size, var(--icon-size-xs))) / 2);
 }
-gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xs][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   margin-left: calc(-1 * var(--padding-x, var(--spacing-s)));
   margin-right: calc(-1 * var(--padding-x, var(--spacing-s)));
 }
@@ -4154,6 +4159,11 @@ gov-button[size=xs][loading=true i]:not([type=link]):has(gov-icon), gov-button[s
 gov-button[size=xs][loading=true i]:not([type=link]):has(gov-icon)[expanded], gov-button[size=xs][loading=true i]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=xs][loading="1"]:not([type=link]):has(gov-icon)[expanded], gov-button[size=xs][loading="1"]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=xs][icon-start]:not([type=link]):has(gov-icon)[expanded], gov-button[size=xs][icon-start]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=xs][loading=true i]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=xs][loading=true i]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=xs][loading="1"]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=xs][loading="1"]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=xs][icon-start]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=xs][icon-start]:not([type=link]):has(.gov-icon)[expanded] {
   padding-left: 0;
 }
+@media (max-width: 29.99em) {
+  gov-button[size=xs][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=xs][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=xs][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=xs][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=xs][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=xs][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=xs][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=xs][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=xs][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=xs][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=xs][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=xs][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile] {
+    padding-left: 0;
+  }
+}
 gov-button[size=xs][icon-end], .gov-button[size=xs][icon-end] {
   padding-right: calc(var(--padding-x, var(--spacing-s)) * 2 + var(--icon-size, var(--icon-size-xs)));
 }
@@ -4183,17 +4193,17 @@ gov-button[size=s] gov-icon, gov-button[size=s] .gov-icon, .gov-button[size=s] g
   width: var(--icon-size, var(--icon-size-s));
   height: var(--icon-size, var(--icon-size-s));
 }
-gov-button[size=s][loading="0"]:not([expanded]):not([type=link]), gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=s][loading=false i]:not([expanded]):not([type=link]), gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=s][loading=""]:not([expanded]):not([type=link]), gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]), .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]), .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=s][loading=""]:not([expanded]):not([type=link]), .gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   padding: var(--padding-y, var(--spacing-none)) calc((var(--padding-x, var(--spacing-s-nudge)) * 3 + var(--icon-size, var(--icon-size-s))) / 2);
 }
-gov-button[size=s][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   padding-left: var(--padding-x, var(--spacing-s-nudge));
   padding-right: var(--padding-x, var(--spacing-s-nudge));
 }
-gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   margin: 0 calc(-1 * (var(--padding-x, var(--spacing-s-nudge)) * 3 + var(--icon-size, var(--icon-size-s))) / 2);
 }
-gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=s][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   margin-left: calc(-1 * var(--padding-x, var(--spacing-s-nudge)));
   margin-right: calc(-1 * var(--padding-x, var(--spacing-s-nudge)));
 }
@@ -4206,6 +4216,11 @@ gov-button[size=s][loading=true i]:not([type=link]):has(gov-icon), gov-button[si
 gov-button[size=s][loading=true i]:not([type=link]):has(gov-icon)[expanded], gov-button[size=s][loading=true i]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=s][loading="1"]:not([type=link]):has(gov-icon)[expanded], gov-button[size=s][loading="1"]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=s][icon-start]:not([type=link]):has(gov-icon)[expanded], gov-button[size=s][icon-start]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=s][loading=true i]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=s][loading=true i]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=s][loading="1"]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=s][loading="1"]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=s][icon-start]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=s][icon-start]:not([type=link]):has(.gov-icon)[expanded] {
   padding-left: 0;
 }
+@media (max-width: 29.99em) {
+  gov-button[size=s][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=s][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=s][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=s][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=s][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=s][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=s][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=s][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=s][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=s][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=s][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=s][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile] {
+    padding-left: 0;
+  }
+}
 gov-button[size=s][icon-end], .gov-button[size=s][icon-end] {
   padding-right: calc(var(--padding-x, var(--spacing-s-nudge)) * 2 + var(--icon-size, var(--icon-size-s)));
 }
@@ -4235,17 +4250,17 @@ gov-button[size=l] gov-icon, gov-button[size=l] .gov-icon, .gov-button[size=l] g
   width: var(--icon-size, var(--icon-size-l));
   height: var(--icon-size, var(--icon-size-l));
 }
-gov-button[size=l][loading="0"]:not([expanded]):not([type=link]), gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=l][loading=false i]:not([expanded]):not([type=link]), gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=l][loading=""]:not([expanded]):not([type=link]), gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]), .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]), .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=l][loading=""]:not([expanded]):not([type=link]), .gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   padding: var(--padding-y, var(--spacing-none)) calc((var(--padding-x, var(--spacing-m-nudge)) * 3 + var(--icon-size, var(--icon-size-l))) / 2);
 }
-gov-button[size=l][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   padding-left: var(--padding-x, var(--spacing-m-nudge));
   padding-right: var(--padding-x, var(--spacing-m-nudge));
 }
-gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   margin: 0 calc(-1 * (var(--padding-x, var(--spacing-m-nudge)) * 3 + var(--icon-size, var(--icon-size-l))) / 2);
 }
-gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=l][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   margin-left: calc(-1 * var(--padding-x, var(--spacing-m-nudge)));
   margin-right: calc(-1 * var(--padding-x, var(--spacing-m-nudge)));
 }
@@ -4258,6 +4273,11 @@ gov-button[size=l][loading=true i]:not([type=link]):has(gov-icon), gov-button[si
 gov-button[size=l][loading=true i]:not([type=link]):has(gov-icon)[expanded], gov-button[size=l][loading=true i]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=l][loading="1"]:not([type=link]):has(gov-icon)[expanded], gov-button[size=l][loading="1"]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=l][icon-start]:not([type=link]):has(gov-icon)[expanded], gov-button[size=l][icon-start]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=l][loading=true i]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=l][loading=true i]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=l][loading="1"]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=l][loading="1"]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=l][icon-start]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=l][icon-start]:not([type=link]):has(.gov-icon)[expanded] {
   padding-left: 0;
 }
+@media (max-width: 29.99em) {
+  gov-button[size=l][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=l][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=l][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=l][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=l][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=l][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=l][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=l][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=l][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=l][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=l][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=l][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile] {
+    padding-left: 0;
+  }
+}
 gov-button[size=l][icon-end], .gov-button[size=l][icon-end] {
   padding-right: calc(var(--padding-x, var(--spacing-m-nudge)) * 2 + var(--icon-size, var(--icon-size-l)));
 }
@@ -4287,17 +4307,17 @@ gov-button[size=xl] gov-icon, gov-button[size=xl] .gov-icon, .gov-button[size=xl
   width: var(--icon-size, var(--icon-size-xl));
   height: var(--icon-size, var(--icon-size-xl));
 }
-gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]), gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]), gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=xl][loading=""]:not([expanded]):not([type=link]), gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]), .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]), .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]), .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]), .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   padding: var(--padding-y, var(--spacing-none)) calc((var(--padding-x, var(--spacing-l)) * 3 + var(--icon-size, var(--icon-size-xl))) / 2);
 }
-gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]):has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   padding-left: var(--padding-x, var(--spacing-l));
   padding-right: var(--padding-x, var(--spacing-l));
 }
-gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element, gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element, gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element, .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element, .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element, .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element {
+gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element, .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element {
   margin: 0 calc(-1 * (var(--padding-x, var(--spacing-l)) * 3 + var(--icon-size, var(--icon-size-xl))) / 2);
 }
-gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
+gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading="0"]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=false i]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(gov-icon:not(.gov-spin-animation)), .gov-button[size=xl][loading=""]:not([expanded]):not([expanded-mobile]):not([type=link]) .element:has(.gov-icon:not(.gov-spin-animation)) {
   margin-left: calc(-1 * var(--padding-x, var(--spacing-l)));
   margin-right: calc(-1 * var(--padding-x, var(--spacing-l)));
 }
@@ -4310,6 +4330,11 @@ gov-button[size=xl][loading=true i]:not([type=link]):has(gov-icon), gov-button[s
 gov-button[size=xl][loading=true i]:not([type=link]):has(gov-icon)[expanded], gov-button[size=xl][loading=true i]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=xl][loading="1"]:not([type=link]):has(gov-icon)[expanded], gov-button[size=xl][loading="1"]:not([type=link]):has(.gov-icon)[expanded], gov-button[size=xl][icon-start]:not([type=link]):has(gov-icon)[expanded], gov-button[size=xl][icon-start]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=xl][loading=true i]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=xl][loading=true i]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=xl][loading="1"]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=xl][loading="1"]:not([type=link]):has(.gov-icon)[expanded], .gov-button[size=xl][icon-start]:not([type=link]):has(gov-icon)[expanded], .gov-button[size=xl][icon-start]:not([type=link]):has(.gov-icon)[expanded] {
   padding-left: 0;
 }
+@media (max-width: 29.99em) {
+  gov-button[size=xl][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=xl][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=xl][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=xl][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], gov-button[size=xl][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], gov-button[size=xl][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=xl][loading=true i]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=xl][loading=true i]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=xl][loading="1"]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=xl][loading="1"]:not([type=link]):has(.gov-icon)[expanded-mobile], .gov-button[size=xl][icon-start]:not([type=link]):has(gov-icon)[expanded-mobile], .gov-button[size=xl][icon-start]:not([type=link]):has(.gov-icon)[expanded-mobile] {
+    padding-left: 0;
+  }
+}
 gov-button[size=xl][icon-end], .gov-button[size=xl][icon-end] {
   padding-right: calc(var(--padding-x, var(--spacing-l)) * 2 + var(--icon-size, var(--icon-size-xl)));
 }
@@ -4338,6 +4363,18 @@ gov-button[expanded=""] .element, gov-button[expanded=true i] .element, gov-butt
   width: 100%;
   margin: 0;
 }
+@media (max-width: 29.99em) {
+  gov-button[expanded-mobile=""], gov-button[expanded-mobile=true i], gov-button[expanded-mobile="1"], .gov-button[expanded-mobile=""], .gov-button[expanded-mobile=true i], .gov-button[expanded-mobile="1"] {
+    width: 100%;
+    padding: 0;
+    max-width: none;
+    justify-content: center;
+  }
+  gov-button[expanded-mobile=""] .element, gov-button[expanded-mobile=true i] .element, gov-button[expanded-mobile="1"] .element, .gov-button[expanded-mobile=""] .element, .gov-button[expanded-mobile=true i] .element, .gov-button[expanded-mobile="1"] .element {
+    width: 100%;
+    margin: 0;
+  }
+}
 gov-button[type=link], .gov-button[type=link] {
   justify-content: flex-start;
   align-items: flex-start;
@@ -5879,8 +5916,8 @@ gov-control-group > .gov-form-file:first-child gov-button, gov-control-group > .
 .gov-control-group > .gov-dropdown:first-child > gov-button, .gov-control-group > .gov-dropdown:first-child > .gov-button,
 .gov-control-group > gov-form-file:first-child gov-button, .gov-control-group > gov-form-file:first-child .gov-button,
 .gov-control-group > .gov-form-file:first-child gov-button, .gov-control-group > .gov-form-file:first-child .gov-button {
-  border-top-left-radius: var(--border-radius, var(--corner-radius-s));
-  border-bottom-left-radius: var(--border-radius, var(--corner-radius-s));
+  border-top-left-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
+  border-bottom-left-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -5901,8 +5938,8 @@ gov-control-group > .gov-form-file:last-child gov-button, gov-control-group > .g
 .gov-control-group > .gov-dropdown:last-child > gov-button, .gov-control-group > .gov-dropdown:last-child > .gov-button,
 .gov-control-group > gov-form-file:last-child gov-button, .gov-control-group > gov-form-file:last-child .gov-button,
 .gov-control-group > .gov-form-file:last-child gov-button, .gov-control-group > .gov-form-file:last-child .gov-button {
-  border-top-right-radius: var(--border-radius, var(--corner-radius-s));
-  border-bottom-right-radius: var(--border-radius, var(--corner-radius-s));
+  border-top-right-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
+  border-bottom-right-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -6130,13 +6167,13 @@ gov-empty *, .gov-empty * {
   margin-top: 0;
   margin-bottom: 0;
 }
-gov-empty[align=center], gov-empty[align=center] > *, .gov-empty[align=center], .gov-empty[align=center] > * {
+gov-empty[align=center], gov-empty[align=center] > gov-empty__content, .gov-empty[align=center], gov-empty[align=center] > .gov-empty__content, .gov-empty[align=center] > gov-empty__content, .gov-empty[align=center] > .gov-empty__content {
   align-items: center;
 }
-gov-empty[align=left], gov-empty[align=left] > *, .gov-empty[align=left], .gov-empty[align=left] > * {
+gov-empty[align=left], gov-empty[align=left] > gov-empty__content, .gov-empty[align=left], gov-empty[align=left] > .gov-empty__content, .gov-empty[align=left] > gov-empty__content, .gov-empty[align=left] > .gov-empty__content {
   align-items: flex-start;
 }
-gov-empty[align=right], gov-empty[align=right] > *, .gov-empty[align=right], .gov-empty[align=right] > * {
+gov-empty[align=right], gov-empty[align=right] > gov-empty__content, .gov-empty[align=right], gov-empty[align=right] > .gov-empty__content, .gov-empty[align=right] > gov-empty__content, .gov-empty[align=right] > .gov-empty__content {
   align-items: flex-end;
 }
 gov-empty *[slot=icon], .gov-empty *[slot=icon] {
@@ -6175,11 +6212,13 @@ gov-empty[size=s] *[slot=icon] > *, .gov-empty[size=s] *[slot=icon] > * {
 }
 gov-empty[size=s] .gov-empty__content, .gov-empty[size=s] .gov-empty__content {
   gap: var(--gap, var(--spacing-s-nudge));
+}
+gov-empty[size=s] .gov-empty__content *, gov-empty[size=s] .gov-empty__content p, .gov-empty[size=s] .gov-empty__content *, .gov-empty[size=s] .gov-empty__content p {
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
 }
-gov-empty[size=s] *[slot=headline], .gov-empty[size=s] *[slot=headline] {
+gov-empty[size=s] .gov-empty__content *[slot=headline], .gov-empty[size=s] .gov-empty__content *[slot=headline] {
   font-size: var(--font-size-headline-xs);
   line-height: 150%;
   font-weight: 500;
@@ -6198,11 +6237,13 @@ gov-empty[size=m] *[slot=icon] > *, .gov-empty[size=m] *[slot=icon] > * {
 }
 gov-empty[size=m] .gov-empty__content, .gov-empty[size=m] .gov-empty__content {
   gap: var(--gap, var(--spacing-m));
+}
+gov-empty[size=m] .gov-empty__content *, gov-empty[size=m] .gov-empty__content p, .gov-empty[size=m] .gov-empty__content *, .gov-empty[size=m] .gov-empty__content p {
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
 }
-gov-empty[size=m] *[slot=headline], .gov-empty[size=m] *[slot=headline] {
+gov-empty[size=m] .gov-empty__content *[slot=headline], .gov-empty[size=m] .gov-empty__content *[slot=headline] {
   font-size: var(--font-size-headline-s);
   line-height: 150%;
   font-weight: 500;
@@ -6221,37 +6262,67 @@ gov-empty[size=l] *[slot=icon] > *, .gov-empty[size=l] *[slot=icon] > * {
 }
 gov-empty[size=l] .gov-empty__content, .gov-empty[size=l] .gov-empty__content {
   gap: var(--gap, var(--spacing-m-nudge));
+}
+gov-empty[size=l] .gov-empty__content *, gov-empty[size=l] .gov-empty__content p, .gov-empty[size=l] .gov-empty__content *, .gov-empty[size=l] .gov-empty__content p {
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
 }
-gov-empty[size=l] *[slot=headline], .gov-empty[size=l] *[slot=headline] {
+gov-empty[size=l] .gov-empty__content *[slot=headline], .gov-empty[size=l] .gov-empty__content *[slot=headline] {
   font-size: var(--font-size-headline-m);
   line-height: 150%;
   font-weight: 500;
 }
 @container (width > 30em) {
+  gov-empty[direction=horizontal], .gov-empty[direction=horizontal] {
+    flex-direction: row;
+    align-items: flex-start;
+  }
   gov-empty[size=s], .gov-empty[size=s] {
     padding: var(--padding-cq, var(--spacing-2xl));
     gap: var(--gap-cq, var(--spacing-m-nudge));
   }
-  gov-empty .gov-empty__content, .gov-empty .gov-empty__content {
+  gov-empty[size=s] .gov-empty__content, .gov-empty[size=s] .gov-empty__content {
     gap: var(--content-gap-cq, var(--spacing-m));
   }
+  gov-empty[size=s][direction=horizontal], .gov-empty[size=s][direction=horizontal] {
+    flex-direction: row;
+    align-items: flex-start;
+    padding: var(--padding-horizontal, var(--spacing-m));
+  }
+  gov-empty[size=s][direction=horizontal] .gov-empty__content, .gov-empty[size=s][direction=horizontal] .gov-empty__content {
+    gap: var(--gap-horizontal, var(--spacing-s));
+  }
   gov-empty[size=m], .gov-empty[size=m] {
     padding: var(--padding-cq, var(--spacing-3xl));
     gap: var(--gap-cq, var(--spacing-l));
   }
-  gov-empty .gov-empty__content, .gov-empty .gov-empty__content {
+  gov-empty[size=m] .gov-empty__content, .gov-empty[size=m] .gov-empty__content {
     gap: var(--content-gap-cq, var(--spacing-m-nudge));
   }
+  gov-empty[size=m][direction=horizontal], .gov-empty[size=m][direction=horizontal] {
+    flex-direction: row;
+    align-items: flex-start;
+    padding: var(--padding-horizontal, var(--spacing-m-nudge));
+  }
+  gov-empty[size=m][direction=horizontal] .gov-empty__content, .gov-empty[size=m][direction=horizontal] .gov-empty__content {
+    gap: var(--gap-horizontal, var(--spacing-s-nudge));
+  }
   gov-empty[size=l], .gov-empty[size=l] {
     padding: var(--padding-cq, var(--spacing-4xl));
     gap: var(--gap-cq, var(--spacing-xl));
   }
-  gov-empty .gov-empty__content, .gov-empty .gov-empty__content {
+  gov-empty[size=l] .gov-empty__content, .gov-empty[size=l] .gov-empty__content {
     gap: var(--content-gap-cq, var(--spacing-l));
   }
+  gov-empty[size=l][direction=horizontal], .gov-empty[size=l][direction=horizontal] {
+    flex-direction: row;
+    align-items: flex-start;
+    padding: var(--padding-horizontal, var(--spacing-l));
+  }
+  gov-empty[size=l][direction=horizontal] .gov-empty__content, .gov-empty[size=l][direction=horizontal] .gov-empty__content {
+    gap: var(--gap-horizontal, var(--spacing-m));
+  }
 }
 
 /* Alert */
@@ -6331,8 +6402,6 @@ gov-error-code *[slot=headline], .gov-error-code *[slot=headline] {
 /* Flex */
 gov-flex, .gov-flex {
   /* Variables - Flex */
-  margin-top: 0;
-  margin-bottom: 0;
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -10294,7 +10363,7 @@ gov-infobar *, .gov-infobar * {
   margin-top: 0;
   margin-bottom: 0;
 }
-gov-infobar:not(.hydrated), gov-infobar__section, .gov-infobar:not(.hydrated), .gov-infobar__section {
+gov-infobar:not([hydrated]), gov-infobar__section, .gov-infobar:not([hydrated]), .gov-infobar__section {
   position: relative;
   display: flex;
   align-items: flex-start;
@@ -10306,10 +10375,10 @@ gov-infobar:not(.hydrated), gov-infobar__section, .gov-infobar:not(.hydrated), .
   padding: var(--spacing-s) var(--spacing-s-nudge);
   padding-right: calc(var(--icon-size-s) + var(--spacing-s-nudge) * 3 + var(--spacing-s) + var(--border-width, 0.0625rem) * 2);
 }
-gov-infobar:not(.hydrated) gov-icon, gov-infobar:not(.hydrated) .gov-icon, gov-infobar__section gov-icon, gov-infobar__section .gov-icon, .gov-infobar:not(.hydrated) gov-icon, .gov-infobar:not(.hydrated) .gov-icon, .gov-infobar__section gov-icon, .gov-infobar__section .gov-icon {
+gov-infobar:not([hydrated]) gov-icon, gov-infobar:not([hydrated]) .gov-icon, gov-infobar__section gov-icon, gov-infobar__section .gov-icon, .gov-infobar:not([hydrated]) gov-icon, .gov-infobar:not([hydrated]) .gov-icon, .gov-infobar__section gov-icon, .gov-infobar__section .gov-icon {
   margin-top: 0.0625rem;
 }
-gov-infobar:not(.hydrated) > gov-button, gov-infobar:not(.hydrated) > .gov-button, gov-infobar__section > gov-button, gov-infobar__section > .gov-button, .gov-infobar:not(.hydrated) > gov-button, .gov-infobar:not(.hydrated) > .gov-button, .gov-infobar__section > gov-button, .gov-infobar__section > .gov-button {
+gov-infobar:not([hydrated]) > gov-button, gov-infobar:not([hydrated]) > .gov-button, gov-infobar__section > gov-button, gov-infobar__section > .gov-button, .gov-infobar:not([hydrated]) > gov-button, .gov-infobar:not([hydrated]) > .gov-button, .gov-infobar__section > gov-button, .gov-infobar__section > .gov-button {
   margin-top: -0.25rem;
 }
 gov-infobar span:has([slot=icon]), .gov-infobar span:has([slot=icon]) {
@@ -10362,9 +10431,12 @@ gov-infobar__close, .gov-infobar__close {
   top: var(--spacing-s);
   right: var(--spacing-s-nudge);
 }
-gov-infobar[closable]:not(.hydrated), .gov-infobar[closable]:not(.hydrated) {
+gov-infobar[closable]:not([hydrated]), .gov-infobar[closable]:not([hydrated]) {
   padding-right: calc(var(--spacing-s) + var(--spacing-s-nudge) + var(--padding-x, var(--spacing-s-nudge)) * 2 + var(--icon-size, var(--icon-size-s)));
 }
+gov-infobar[closable]:not([hydrated]) p a, .gov-infobar[closable]:not([hydrated]) p a {
+  color: inherit;
+}
 gov-infobar[color=primary][type=bold], .gov-infobar[color=primary][type=bold] {
   background-color: var(--background, var(--background-primary));
 }
@@ -10526,7 +10598,7 @@ gov-infobar[color=warning][type=subtle]:not([type=subtle]) gov-button, gov-infob
   --active-color: var(--icon-color, var(--icon-warning));
 }
 @media (min-width: 48em) {
-  gov-infobar:not(.hydrated), gov-infobar__section, .gov-infobar:not(.hydrated), .gov-infobar__section {
+  gov-infobar:not([hydrated]), gov-infobar__section, .gov-infobar:not([hydrated]), .gov-infobar__section {
     gap: var(--spacing-s-nudge);
     padding: var(--spacing-m);
     padding-right: calc(var(--icon-size-s) + var(--spacing-s-nudge) * 3 + var(--spacing-m) + var(--border-width, 0.0625rem) * 2);
@@ -11072,6 +11144,7 @@ gov-pagination__arrow, .gov-pagination__arrow {
 gov-pagination__item--more gov-form-select select, gov-pagination__item--more .gov-form-select select, .gov-pagination__item--more gov-form-select select, .gov-pagination__item--more .gov-form-select select {
   border: none !important;
   padding-right: var(--spacing-s-nudge) !important;
+  background: transparent;
 }
 gov-pagination__item--more gov-form-select gov-icon, gov-pagination__item--more gov-form-select .gov-icon, gov-pagination__item--more .gov-form-select gov-icon, gov-pagination__item--more .gov-form-select .gov-icon, .gov-pagination__item--more gov-form-select gov-icon, .gov-pagination__item--more gov-form-select .gov-icon, .gov-pagination__item--more .gov-form-select gov-icon, .gov-pagination__item--more .gov-form-select .gov-icon {
   display: none;