@linzjs/lui 24.14.0 → 24.16.0

package/dist/lui.css

@@ -1505,7 +1505,7 @@ button {
   padding: 0.4375rem 1rem;
   border: none;
   border-radius: 3px;
-  transition: background-color 0.3s, color 0.3s, height 0.3s, border 0.3s, fill 0.3s;
+  transition: background-color 0.3s, height 0.3s, border 0.3s, fill 0.3s;
 }
 button i,
 button svg * {
@@ -1525,7 +1525,7 @@ a.lui-button {
   padding: 0.4375rem 1rem;
   border: none;
   border-radius: 3px;
-  transition: background-color 0.3s, color 0.3s, height 0.3s, border 0.3s, fill 0.3s;
+  transition: background-color 0.3s, height 0.3s, border 0.3s, fill 0.3s;
 }
 a.lui-button i,
 a.lui-button svg * {
@@ -1549,7 +1549,7 @@ a.lui-button.lui-button-icon-right {
 }
 .lui-button.lui-button-icon-right .LuiIcon,
 a.lui-button.lui-button-icon-right .LuiIcon {
-  margin: 3px 0 -7px 12px;
+  margin: 3px 0 -7px 11px;
 }
 .lui-button.lui-button-icon-right i,
 a.lui-button.lui-button-icon-right i {
@@ -1590,37 +1590,51 @@ a.lui-button-primary svg * {
 a.lui-button-primary:visited {
   color: #fff;
 }
-.lui-button-primary:hover,
-a.lui-button-primary:hover {
+.lui-button-primary:hover:where(:not([aria-busy])),
+a.lui-button-primary:hover:where(:not([aria-busy])) {
   background-color: #005678;
   cursor: pointer;
   color: #fff;
   border: 1px solid #005678;
 }
-.lui-button-primary:hover i,
-.lui-button-primary:hover svg *,
-a.lui-button-primary:hover i,
-a.lui-button-primary:hover svg * {
+.lui-button-primary:hover:where(:not([aria-busy])) i,
+.lui-button-primary:hover:where(:not([aria-busy])) svg *,
+a.lui-button-primary:hover:where(:not([aria-busy])) i,
+a.lui-button-primary:hover:where(:not([aria-busy])) svg * {
   color: #fff;
   fill: #fff;
 }
-.lui-button-primary:disabled,
-a.lui-button-primary:disabled {
+.lui-button-primary:disabled:where(:not([aria-busy])),
+a.lui-button-primary:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-button-primary:disabled i,
-.lui-button-primary:disabled svg *,
-a.lui-button-primary:disabled i,
-a.lui-button-primary:disabled svg * {
+.lui-button-primary:disabled:where(:not([aria-busy])) i,
+.lui-button-primary:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-primary:disabled:where(:not([aria-busy])) i,
+a.lui-button-primary:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-button-primary:disabled:hover,
-a.lui-button-primary:disabled:hover {
+.lui-button-primary:disabled:where(:not([aria-busy])):hover,
+a.lui-button-primary:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
+.lui-button-primary[aria-busy]:hover,
+a.lui-button-primary[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-button-primary[aria-busy]:not(:active),
+a.lui-button-primary[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-button-primary[aria-busy]:not(:active) i,
+.lui-button-primary[aria-busy]:not(:active) svg *,
+a.lui-button-primary[aria-busy]:not(:active) i,
+a.lui-button-primary[aria-busy]:not(:active) svg * {
+  transition: none;
+}
 .lui-button-primary:active:enabled,
 a.lui-button-primary:active:enabled {
   background-color: #00425d;
@@ -1635,9 +1649,8 @@ a.lui-button-primary:active:enabled svg * {
   color: rgba(255, 255, 255, 0.6);
   fill: rgba(255, 255, 255, 0.6);
 }
-.lui-button-secondary, .lui-button-warning,
-a.lui-button-secondary,
-a.lui-button-warning {
+.lui-button-secondary,
+a.lui-button-secondary {
   background-color: #fff;
   border: 1px solid #007198;
   color: #007198;
@@ -1645,104 +1658,135 @@ a.lui-button-warning {
   font-weight: 600;
 }
 .lui-button-secondary i,
-.lui-button-secondary svg *, .lui-button-warning i,
-.lui-button-warning svg *,
+.lui-button-secondary svg *,
 a.lui-button-secondary i,
-a.lui-button-secondary svg *,
-a.lui-button-warning i,
-a.lui-button-warning svg * {
+a.lui-button-secondary svg * {
   color: #007198;
   fill: #007198;
 }
-.lui-button-secondary:visited, .lui-button-warning:visited,
-a.lui-button-secondary:visited,
-a.lui-button-warning:visited {
+.lui-button-secondary:visited,
+a.lui-button-secondary:visited {
   color: #007198;
 }
-.lui-button-secondary:hover, .lui-button-warning:hover,
-a.lui-button-secondary:hover,
-a.lui-button-warning:hover {
+.lui-button-secondary:hover:where(:not([aria-busy])),
+a.lui-button-secondary:hover:where(:not([aria-busy])) {
   background-color: #e2f3f7;
   cursor: pointer;
   color: #007198;
   border: 1px solid #007198;
 }
-.lui-button-secondary:hover i,
-.lui-button-secondary:hover svg *, .lui-button-warning:hover i,
-.lui-button-warning:hover svg *,
-a.lui-button-secondary:hover i,
-a.lui-button-secondary:hover svg *,
-a.lui-button-warning:hover i,
-a.lui-button-warning:hover svg * {
+.lui-button-secondary:hover:where(:not([aria-busy])) i,
+.lui-button-secondary:hover:where(:not([aria-busy])) svg *,
+a.lui-button-secondary:hover:where(:not([aria-busy])) i,
+a.lui-button-secondary:hover:where(:not([aria-busy])) svg * {
   color: #007198;
   fill: #007198;
 }
-.lui-button-secondary:disabled, .lui-button-warning:disabled,
-a.lui-button-secondary:disabled,
-a.lui-button-warning:disabled {
+.lui-button-secondary:disabled:where(:not([aria-busy])),
+a.lui-button-secondary:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-button-secondary:disabled i,
-.lui-button-secondary:disabled svg *, .lui-button-warning:disabled i,
-.lui-button-warning:disabled svg *,
-a.lui-button-secondary:disabled i,
-a.lui-button-secondary:disabled svg *,
-a.lui-button-warning:disabled i,
-a.lui-button-warning:disabled svg * {
+.lui-button-secondary:disabled:where(:not([aria-busy])) i,
+.lui-button-secondary:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-secondary:disabled:where(:not([aria-busy])) i,
+a.lui-button-secondary:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-button-secondary:disabled:hover, .lui-button-warning:disabled:hover,
-a.lui-button-secondary:disabled:hover,
-a.lui-button-warning:disabled:hover {
+.lui-button-secondary:disabled:where(:not([aria-busy])):hover,
+a.lui-button-secondary:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
-.lui-button-secondary:active:enabled, .lui-button-warning:active:enabled,
-a.lui-button-secondary:active:enabled,
-a.lui-button-warning:active:enabled {
+.lui-button-secondary[aria-busy]:hover,
+a.lui-button-secondary[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-button-secondary[aria-busy]:not(:active),
+a.lui-button-secondary[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-button-secondary[aria-busy]:not(:active) i,
+.lui-button-secondary[aria-busy]:not(:active) svg *,
+a.lui-button-secondary[aria-busy]:not(:active) i,
+a.lui-button-secondary[aria-busy]:not(:active) svg * {
+  transition: none;
+}
+.lui-button-secondary:active:enabled,
+a.lui-button-secondary:active:enabled {
   background-color: #007198;
   cursor: pointer;
   color: rgba(255, 255, 255, 0.9);
   border: 1px solid #007198;
 }
 .lui-button-secondary:active:enabled i,
-.lui-button-secondary:active:enabled svg *, .lui-button-warning:active:enabled i,
-.lui-button-warning:active:enabled svg *,
+.lui-button-secondary:active:enabled svg *,
 a.lui-button-secondary:active:enabled i,
-a.lui-button-secondary:active:enabled svg *,
-a.lui-button-warning:active:enabled i,
-a.lui-button-warning:active:enabled svg * {
+a.lui-button-secondary:active:enabled svg * {
   color: rgba(255, 255, 255, 0.6);
   fill: rgba(255, 255, 255, 0.6);
 }
+.lui-button-secondary.lui-button-danger:not(:disabled),
+a.lui-button-secondary.lui-button-danger:not(:disabled) {
+  color: #cc0000;
+}
+.lui-button-secondary.lui-button-danger:where([aria-busy]),
+a.lui-button-secondary.lui-button-danger:where([aria-busy]) {
+  color: #cc0000;
+}
+.lui-button-secondary.lui-button-danger:not(:disabled), .lui-button-secondary.lui-button-danger[aria-busy],
+a.lui-button-secondary.lui-button-danger:not(:disabled),
+a.lui-button-secondary.lui-button-danger[aria-busy] {
+  background-color: #ffffff;
+  border-color: #cc0000;
+}
+.lui-button-secondary.lui-button-danger:not(:disabled) i,
+.lui-button-secondary.lui-button-danger:not(:disabled) svg *, .lui-button-secondary.lui-button-danger[aria-busy] i,
+.lui-button-secondary.lui-button-danger[aria-busy] svg *,
+a.lui-button-secondary.lui-button-danger:not(:disabled) i,
+a.lui-button-secondary.lui-button-danger:not(:disabled) svg *,
+a.lui-button-secondary.lui-button-danger[aria-busy] i,
+a.lui-button-secondary.lui-button-danger[aria-busy] svg * {
+  color: #cc0000;
+  fill: #cc0000;
+}
+.lui-button-secondary.lui-button-danger:hover:enabled,
+a.lui-button-secondary.lui-button-danger:hover:enabled {
+  background-color: #F5CCCC;
+  border-color: #cc0000;
+  color: #cc0000;
+}
+.lui-button-secondary.lui-button-danger:hover:enabled i,
+.lui-button-secondary.lui-button-danger:hover:enabled svg *,
+a.lui-button-secondary.lui-button-danger:hover:enabled i,
+a.lui-button-secondary.lui-button-danger:hover:enabled svg * {
+  color: #cc0000;
+  fill: #cc0000;
+}
+.lui-button-secondary.lui-button-danger:active:enabled,
+a.lui-button-secondary.lui-button-danger:active:enabled {
+  background-color: #cc0000;
+  border-color: #cc0000;
+  color: rgba(245, 204, 204, 0.9);
+}
+.lui-button-secondary.lui-button-danger:active:enabled i,
+.lui-button-secondary.lui-button-danger:active:enabled svg *,
+a.lui-button-secondary.lui-button-danger:active:enabled i,
+a.lui-button-secondary.lui-button-danger:active:enabled svg * {
+  color: rgba(245, 204, 204, 0.9);
+  fill: rgba(245, 204, 204, 0.9);
+}
 .lui-button-secondary i,
-.lui-button-secondary svg *, .lui-button-warning i,
-.lui-button-warning svg *,
+.lui-button-secondary svg *,
 a.lui-button-secondary i,
-a.lui-button-secondary svg *,
-a.lui-button-warning i,
-a.lui-button-warning svg * {
+a.lui-button-secondary svg * {
   color: #007198;
 }
-.lui-button-secondary:hover i, .lui-button-warning:hover i,
-a.lui-button-secondary:hover i,
-a.lui-button-warning:hover i {
+.lui-button-secondary:hover:where(:not([aria-busy])) i,
+a.lui-button-secondary:hover:where(:not([aria-busy])) i {
   color: #007198;
 }
-.lui-button-warning i,
-.lui-button-warning svg *,
-a.lui-button-warning i,
-a.lui-button-warning svg * {
-  fill: #EA6A2E;
-  color: #EA6A2E;
-}
-.lui-button-warning:hover i,
-a.lui-button-warning:hover i {
-  fill: #b33a01;
-  color: #b33a01;
-}
 .lui-button-tertiary,
 a.lui-button-tertiary {
   background-color: transparent;
@@ -1762,37 +1806,51 @@ a.lui-button-tertiary svg * {
 a.lui-button-tertiary:visited {
   color: #007198;
 }
-.lui-button-tertiary:hover,
-a.lui-button-tertiary:hover {
+.lui-button-tertiary:hover:where(:not([aria-busy])),
+a.lui-button-tertiary:hover:where(:not([aria-busy])) {
   background-color: #e2f3f7;
   cursor: pointer;
   color: #007198;
   border: 1px solid #fff;
 }
-.lui-button-tertiary:hover i,
-.lui-button-tertiary:hover svg *,
-a.lui-button-tertiary:hover i,
-a.lui-button-tertiary:hover svg * {
+.lui-button-tertiary:hover:where(:not([aria-busy])) i,
+.lui-button-tertiary:hover:where(:not([aria-busy])) svg *,
+a.lui-button-tertiary:hover:where(:not([aria-busy])) i,
+a.lui-button-tertiary:hover:where(:not([aria-busy])) svg * {
   color: #007198;
   fill: #007198;
 }
-.lui-button-tertiary:disabled,
-a.lui-button-tertiary:disabled {
+.lui-button-tertiary:disabled:where(:not([aria-busy])),
+a.lui-button-tertiary:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-button-tertiary:disabled i,
-.lui-button-tertiary:disabled svg *,
-a.lui-button-tertiary:disabled i,
-a.lui-button-tertiary:disabled svg * {
+.lui-button-tertiary:disabled:where(:not([aria-busy])) i,
+.lui-button-tertiary:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-tertiary:disabled:where(:not([aria-busy])) i,
+a.lui-button-tertiary:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-button-tertiary:disabled:hover,
-a.lui-button-tertiary:disabled:hover {
+.lui-button-tertiary:disabled:where(:not([aria-busy])):hover,
+a.lui-button-tertiary:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
+.lui-button-tertiary[aria-busy]:hover,
+a.lui-button-tertiary[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-button-tertiary[aria-busy]:not(:active),
+a.lui-button-tertiary[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-button-tertiary[aria-busy]:not(:active) i,
+.lui-button-tertiary[aria-busy]:not(:active) svg *,
+a.lui-button-tertiary[aria-busy]:not(:active) i,
+a.lui-button-tertiary[aria-busy]:not(:active) svg * {
+  transition: none;
+}
 .lui-button-tertiary:active:enabled,
 a.lui-button-tertiary:active:enabled {
   background-color: #007198;
@@ -1807,6 +1865,56 @@ a.lui-button-tertiary:active:enabled svg * {
   color: rgba(255, 255, 255, 0.6);
   fill: rgba(255, 255, 255, 0.6);
 }
+.lui-button-tertiary.lui-button-danger:not(:disabled),
+a.lui-button-tertiary.lui-button-danger:not(:disabled) {
+  color: #cc0000;
+}
+.lui-button-tertiary.lui-button-danger:where([aria-busy]),
+a.lui-button-tertiary.lui-button-danger:where([aria-busy]) {
+  color: #cc0000;
+}
+.lui-button-tertiary.lui-button-danger:not(:disabled), .lui-button-tertiary.lui-button-danger[aria-busy],
+a.lui-button-tertiary.lui-button-danger:not(:disabled),
+a.lui-button-tertiary.lui-button-danger[aria-busy] {
+  background-color: transparent;
+  border-color: transparent;
+}
+.lui-button-tertiary.lui-button-danger:not(:disabled) i,
+.lui-button-tertiary.lui-button-danger:not(:disabled) svg *, .lui-button-tertiary.lui-button-danger[aria-busy] i,
+.lui-button-tertiary.lui-button-danger[aria-busy] svg *,
+a.lui-button-tertiary.lui-button-danger:not(:disabled) i,
+a.lui-button-tertiary.lui-button-danger:not(:disabled) svg *,
+a.lui-button-tertiary.lui-button-danger[aria-busy] i,
+a.lui-button-tertiary.lui-button-danger[aria-busy] svg * {
+  color: #cc0000;
+  fill: #cc0000;
+}
+.lui-button-tertiary.lui-button-danger:hover:enabled,
+a.lui-button-tertiary.lui-button-danger:hover:enabled {
+  background-color: #F5CCCC;
+  border-color: #F5CCCC;
+  color: #cc0000;
+}
+.lui-button-tertiary.lui-button-danger:hover:enabled i,
+.lui-button-tertiary.lui-button-danger:hover:enabled svg *,
+a.lui-button-tertiary.lui-button-danger:hover:enabled i,
+a.lui-button-tertiary.lui-button-danger:hover:enabled svg * {
+  color: #cc0000;
+  fill: #cc0000;
+}
+.lui-button-tertiary.lui-button-danger:active:enabled,
+a.lui-button-tertiary.lui-button-danger:active:enabled {
+  background-color: #cc0000;
+  border-color: #cc0000;
+  color: rgba(245, 204, 204, 0.9);
+}
+.lui-button-tertiary.lui-button-danger:active:enabled i,
+.lui-button-tertiary.lui-button-danger:active:enabled svg *,
+a.lui-button-tertiary.lui-button-danger:active:enabled i,
+a.lui-button-tertiary.lui-button-danger:active:enabled svg * {
+  color: rgba(245, 204, 204, 0.9);
+  fill: rgba(245, 204, 204, 0.9);
+}
 .lui-button-tertiary,
 a.lui-button-tertiary {
   font-family: "Open Sans", system-ui, sans-serif;
@@ -1815,160 +1923,155 @@ a.lui-button-tertiary {
   border: none;
   margin: 2px;
 }
-.lui-button-tertiary:hover,
-a.lui-button-tertiary:hover {
+.lui-button-tertiary:hover:where(:not([aria-busy])),
+a.lui-button-tertiary:hover:where(:not([aria-busy])) {
   border: none;
 }
-.lui-button-tertiary:active:enabled,
-a.lui-button-tertiary:active:enabled {
+.lui-button-tertiary:active:enabled:where(:not([aria-busy])),
+a.lui-button-tertiary:active:enabled:where(:not([aria-busy])) {
   border: none;
 }
-.lui-button-tertiary:disabled,
-a.lui-button-tertiary:disabled {
+.lui-button-tertiary:disabled:where(:not([aria-busy])),
+a.lui-button-tertiary:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: none;
   text-decoration: none;
   border: none;
 }
-.lui-button-tertiary:disabled:hover,
-a.lui-button-tertiary:disabled:hover {
+.lui-button-tertiary:disabled:where(:not([aria-busy])):hover,
+a.lui-button-tertiary:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
-  border: none;
 }
-.lui-button-tertiary:disabled i,
-.lui-button-tertiary:disabled svg *,
-a.lui-button-tertiary:disabled i,
-a.lui-button-tertiary:disabled svg * {
+.lui-button-tertiary:disabled:where(:not([aria-busy])) i,
+.lui-button-tertiary:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-tertiary:disabled:where(:not([aria-busy])) i,
+a.lui-button-tertiary:disabled:where(:not([aria-busy])) svg * {
   color: #989189;
   fill: #989189;
 }
-.lui-button-success,
-a.lui-button-success {
-  background-color: #0aa245;
-  border: 1px solid #0aa245;
-  color: #fff;
-  line-height: 24px;
-  font-weight: 600;
-}
-.lui-button-success i,
-.lui-button-success svg *,
-a.lui-button-success i,
-a.lui-button-success svg * {
-  color: #fff;
-  fill: #fff;
-}
-.lui-button-success:visited,
-a.lui-button-success:visited {
-  color: #fff;
+.lui-button-success:not(:disabled),
+a.lui-button-success:not(:disabled) {
+  color: #ffffff;
 }
-.lui-button-success:hover,
-a.lui-button-success:hover {
-  background-color: #107c3a;
-  cursor: pointer;
-  color: #fff;
-  border: 1px solid #107c3a;
+.lui-button-success:where([aria-busy]),
+a.lui-button-success:where([aria-busy]) {
+  color: #ffffff;
 }
-.lui-button-success:hover i,
-.lui-button-success:hover svg *,
-a.lui-button-success:hover i,
-a.lui-button-success:hover svg * {
-  color: #fff;
-  fill: #fff;
+.lui-button-success:not(:disabled), .lui-button-success[aria-busy],
+a.lui-button-success:not(:disabled),
+a.lui-button-success[aria-busy] {
+  background-color: #0aa245;
+  border-color: #0aa245;
 }
-.lui-button-success:disabled,
-a.lui-button-success:disabled {
-  color: #989189;
-  background: #eaeaea;
-  border-color: #6b6966;
+.lui-button-success:not(:disabled) i,
+.lui-button-success:not(:disabled) svg *, .lui-button-success[aria-busy] i,
+.lui-button-success[aria-busy] svg *,
+a.lui-button-success:not(:disabled) i,
+a.lui-button-success:not(:disabled) svg *,
+a.lui-button-success[aria-busy] i,
+a.lui-button-success[aria-busy] svg * {
+  color: #ffffff;
+  fill: #ffffff;
 }
-.lui-button-success:disabled i,
-.lui-button-success:disabled svg *,
-a.lui-button-success:disabled i,
-a.lui-button-success:disabled svg * {
-  color: #6b6966;
-  fill: #6b6966;
+.lui-button-success:hover:enabled,
+a.lui-button-success:hover:enabled {
+  background-color: #107c3a;
+  border-color: #107c3a;
+  color: #ffffff;
 }
-.lui-button-success:disabled:hover,
-a.lui-button-success:disabled:hover {
-  cursor: not-allowed;
+.lui-button-success:hover:enabled i,
+.lui-button-success:hover:enabled svg *,
+a.lui-button-success:hover:enabled i,
+a.lui-button-success:hover:enabled svg * {
+  color: #ffffff;
+  fill: #ffffff;
 }
 .lui-button-success:active:enabled,
 a.lui-button-success:active:enabled {
   background-color: #094a22;
-  cursor: pointer;
+  border-color: #094a22;
   color: rgba(255, 255, 255, 0.9);
-  border: 1px solid #094a22;
 }
 .lui-button-success:active:enabled i,
 .lui-button-success:active:enabled svg *,
 a.lui-button-success:active:enabled i,
 a.lui-button-success:active:enabled svg * {
-  color: rgba(255, 255, 255, 0.6);
-  fill: rgba(255, 255, 255, 0.6);
-}
-.lui-button-error,
-a.lui-button-error {
-  background-color: #cc0000;
-  border: 1px solid #cc0000;
-  color: #fff;
-  line-height: 24px;
-  font-weight: 600;
-}
-.lui-button-error i,
-.lui-button-error svg *,
-a.lui-button-error i,
-a.lui-button-error svg * {
-  color: #fff;
-  fill: #fff;
+  color: rgba(255, 255, 255, 0.9);
+  fill: rgba(255, 255, 255, 0.9);
 }
-.lui-button-error:visited,
-a.lui-button-error:visited {
-  color: #fff;
+.lui-button-error:not(:disabled), .lui-button.lui-button-primary.lui-button-danger:not(:disabled),
+a.lui-button-error:not(:disabled),
+a.lui-button.lui-button-primary.lui-button-danger:not(:disabled) {
+  color: #ffffff;
 }
-.lui-button-error:hover,
-a.lui-button-error:hover {
-  background-color: #8f0000;
-  cursor: pointer;
-  color: #fff;
-  border: 1px solid #8f0000;
+.lui-button-error:where([aria-busy]), .lui-button.lui-button-primary.lui-button-danger:where([aria-busy]),
+a.lui-button-error:where([aria-busy]),
+a.lui-button.lui-button-primary.lui-button-danger:where([aria-busy]) {
+  color: #ffffff;
 }
-.lui-button-error:hover i,
-.lui-button-error:hover svg *,
-a.lui-button-error:hover i,
-a.lui-button-error:hover svg * {
-  color: #fff;
-  fill: #fff;
+.lui-button-error:not(:disabled), .lui-button-error[aria-busy], .lui-button.lui-button-primary.lui-button-danger:not(:disabled), .lui-button.lui-button-primary.lui-button-danger[aria-busy],
+a.lui-button-error:not(:disabled),
+a.lui-button-error[aria-busy],
+a.lui-button.lui-button-primary.lui-button-danger:not(:disabled),
+a.lui-button.lui-button-primary.lui-button-danger[aria-busy] {
+  background-color: #cc0000;
+  border-color: #cc0000;
 }
-.lui-button-error:disabled,
-a.lui-button-error:disabled {
-  color: #989189;
-  background: #eaeaea;
-  border-color: #6b6966;
+.lui-button-error:not(:disabled) i,
+.lui-button-error:not(:disabled) svg *, .lui-button-error[aria-busy] i,
+.lui-button-error[aria-busy] svg *, .lui-button.lui-button-primary.lui-button-danger:not(:disabled) i,
+.lui-button.lui-button-primary.lui-button-danger:not(:disabled) svg *, .lui-button.lui-button-primary.lui-button-danger[aria-busy] i,
+.lui-button.lui-button-primary.lui-button-danger[aria-busy] svg *,
+a.lui-button-error:not(:disabled) i,
+a.lui-button-error:not(:disabled) svg *,
+a.lui-button-error[aria-busy] i,
+a.lui-button-error[aria-busy] svg *,
+a.lui-button.lui-button-primary.lui-button-danger:not(:disabled) i,
+a.lui-button.lui-button-primary.lui-button-danger:not(:disabled) svg *,
+a.lui-button.lui-button-primary.lui-button-danger[aria-busy] i,
+a.lui-button.lui-button-primary.lui-button-danger[aria-busy] svg * {
+  color: #ffffff;
+  fill: #ffffff;
 }
-.lui-button-error:disabled i,
-.lui-button-error:disabled svg *,
-a.lui-button-error:disabled i,
-a.lui-button-error:disabled svg * {
-  color: #6b6966;
-  fill: #6b6966;
+.lui-button-error:hover:enabled, .lui-button.lui-button-primary.lui-button-danger:hover:enabled,
+a.lui-button-error:hover:enabled,
+a.lui-button.lui-button-primary.lui-button-danger:hover:enabled {
+  background-color: #8f0000;
+  border-color: #8f0000;
+  color: #ffffff;
 }
-.lui-button-error:disabled:hover,
-a.lui-button-error:disabled:hover {
-  cursor: not-allowed;
+.lui-button-error:hover:enabled i,
+.lui-button-error:hover:enabled svg *, .lui-button.lui-button-primary.lui-button-danger:hover:enabled i,
+.lui-button.lui-button-primary.lui-button-danger:hover:enabled svg *,
+a.lui-button-error:hover:enabled i,
+a.lui-button-error:hover:enabled svg *,
+a.lui-button.lui-button-primary.lui-button-danger:hover:enabled i,
+a.lui-button.lui-button-primary.lui-button-danger:hover:enabled svg * {
+  color: #ffffff;
+  fill: #ffffff;
 }
-.lui-button-error:active:enabled,
-a.lui-button-error:active:enabled {
+.lui-button-error:active:enabled, .lui-button.lui-button-primary.lui-button-danger:active:enabled,
+a.lui-button-error:active:enabled,
+a.lui-button.lui-button-primary.lui-button-danger:active:enabled {
   background-color: #5a0000;
-  cursor: pointer;
+  border-color: #5a0000;
   color: rgba(255, 255, 255, 0.9);
-  border: 1px solid #5a0000;
 }
 .lui-button-error:active:enabled i,
-.lui-button-error:active:enabled svg *,
+.lui-button-error:active:enabled svg *, .lui-button.lui-button-primary.lui-button-danger:active:enabled i,
+.lui-button.lui-button-primary.lui-button-danger:active:enabled svg *,
 a.lui-button-error:active:enabled i,
-a.lui-button-error:active:enabled svg * {
-  color: rgba(255, 255, 255, 0.6);
-  fill: rgba(255, 255, 255, 0.6);
+a.lui-button-error:active:enabled svg *,
+a.lui-button.lui-button-primary.lui-button-danger:active:enabled i,
+a.lui-button.lui-button-primary.lui-button-danger:active:enabled svg * {
+  color: rgba(255, 255, 255, 0.9);
+  fill: rgba(255, 255, 255, 0.9);
+}
+.lui-button-success, .lui-button-error,
+a.lui-button-success,
+a.lui-button-error {
+  line-height: 24px;
+  font-weight: 600;
 }
 .lui-button-reversed-no-bg,
 a.lui-button-reversed-no-bg {
@@ -1989,37 +2092,51 @@ a.lui-button-reversed-no-bg svg * {
 a.lui-button-reversed-no-bg:visited {
   color: #fff;
 }
-.lui-button-reversed-no-bg:hover,
-a.lui-button-reversed-no-bg:hover {
+.lui-button-reversed-no-bg:hover:where(:not([aria-busy])),
+a.lui-button-reversed-no-bg:hover:where(:not([aria-busy])) {
   background-color: transparent;
   cursor: pointer;
   color: rgba(255, 255, 255, 0.8);
   border: 1px solid transparent;
 }
-.lui-button-reversed-no-bg:hover i,
-.lui-button-reversed-no-bg:hover svg *,
-a.lui-button-reversed-no-bg:hover i,
-a.lui-button-reversed-no-bg:hover svg * {
+.lui-button-reversed-no-bg:hover:where(:not([aria-busy])) i,
+.lui-button-reversed-no-bg:hover:where(:not([aria-busy])) svg *,
+a.lui-button-reversed-no-bg:hover:where(:not([aria-busy])) i,
+a.lui-button-reversed-no-bg:hover:where(:not([aria-busy])) svg * {
   color: rgba(255, 255, 255, 0.8);
   fill: rgba(255, 255, 255, 0.8);
 }
-.lui-button-reversed-no-bg:disabled,
-a.lui-button-reversed-no-bg:disabled {
+.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])),
+a.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-button-reversed-no-bg:disabled i,
-.lui-button-reversed-no-bg:disabled svg *,
-a.lui-button-reversed-no-bg:disabled i,
-a.lui-button-reversed-no-bg:disabled svg * {
+.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) i,
+.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) i,
+a.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-button-reversed-no-bg:disabled:hover,
-a.lui-button-reversed-no-bg:disabled:hover {
+.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])):hover,
+a.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
+.lui-button-reversed-no-bg[aria-busy]:hover,
+a.lui-button-reversed-no-bg[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-button-reversed-no-bg[aria-busy]:not(:active),
+a.lui-button-reversed-no-bg[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-button-reversed-no-bg[aria-busy]:not(:active) i,
+.lui-button-reversed-no-bg[aria-busy]:not(:active) svg *,
+a.lui-button-reversed-no-bg[aria-busy]:not(:active) i,
+a.lui-button-reversed-no-bg[aria-busy]:not(:active) svg * {
+  transition: none;
+}
 .lui-button-reversed-no-bg:active:enabled,
 a.lui-button-reversed-no-bg:active:enabled {
   background-color: transparent;
@@ -2039,16 +2156,16 @@ a.lui-button-reversed-no-bg i {
   font-size: 2.5rem;
   top: 13px !important;
 }
-.lui-button-reversed-no-bg:disabled,
-a.lui-button-reversed-no-bg:disabled {
+.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])),
+a.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) {
   color: rgba(255, 255, 255, 0.4);
   background: none;
   border: 0;
 }
-.lui-button-reversed-no-bg:disabled i,
-.lui-button-reversed-no-bg:disabled svg *,
-a.lui-button-reversed-no-bg:disabled i,
-a.lui-button-reversed-no-bg:disabled svg * {
+.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) i,
+.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) i,
+a.lui-button-reversed-no-bg:disabled:where(:not([aria-busy])) svg * {
   color: rgba(255, 255, 255, 0.4);
   fill: rgba(255, 255, 255, 0.4);
 }
@@ -2075,37 +2192,51 @@ a.lui-button-text svg * {
 a.lui-button-text:visited {
   color: #1F69C3;
 }
-.lui-button-text:hover,
-a.lui-button-text:hover {
+.lui-button-text:hover:where(:not([aria-busy])),
+a.lui-button-text:hover:where(:not([aria-busy])) {
   background-color: transparent;
   cursor: pointer;
   color: #00425d;
   border: 1px solid none;
 }
-.lui-button-text:hover i,
-.lui-button-text:hover svg *,
-a.lui-button-text:hover i,
-a.lui-button-text:hover svg * {
+.lui-button-text:hover:where(:not([aria-busy])) i,
+.lui-button-text:hover:where(:not([aria-busy])) svg *,
+a.lui-button-text:hover:where(:not([aria-busy])) i,
+a.lui-button-text:hover:where(:not([aria-busy])) svg * {
   color: #00425d;
   fill: #00425d;
 }
-.lui-button-text:disabled,
-a.lui-button-text:disabled {
+.lui-button-text:disabled:where(:not([aria-busy])),
+a.lui-button-text:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-button-text:disabled i,
-.lui-button-text:disabled svg *,
-a.lui-button-text:disabled i,
-a.lui-button-text:disabled svg * {
+.lui-button-text:disabled:where(:not([aria-busy])) i,
+.lui-button-text:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-text:disabled:where(:not([aria-busy])) i,
+a.lui-button-text:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-button-text:disabled:hover,
-a.lui-button-text:disabled:hover {
+.lui-button-text:disabled:where(:not([aria-busy])):hover,
+a.lui-button-text:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
+.lui-button-text[aria-busy]:hover,
+a.lui-button-text[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-button-text[aria-busy]:not(:active),
+a.lui-button-text[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-button-text[aria-busy]:not(:active) i,
+.lui-button-text[aria-busy]:not(:active) svg *,
+a.lui-button-text[aria-busy]:not(:active) i,
+a.lui-button-text[aria-busy]:not(:active) svg * {
+  transition: none;
+}
 .lui-button-text:active:enabled,
 a.lui-button-text:active:enabled {
   background-color: none;
@@ -2120,6 +2251,56 @@ a.lui-button-text:active:enabled svg * {
   color: #00425d;
   fill: #00425d;
 }
+.lui-button-text.lui-button-danger:not(:disabled),
+a.lui-button-text.lui-button-danger:not(:disabled) {
+  color: #cc0000;
+}
+.lui-button-text.lui-button-danger:where([aria-busy]),
+a.lui-button-text.lui-button-danger:where([aria-busy]) {
+  color: #cc0000;
+}
+.lui-button-text.lui-button-danger:not(:disabled), .lui-button-text.lui-button-danger[aria-busy],
+a.lui-button-text.lui-button-danger:not(:disabled),
+a.lui-button-text.lui-button-danger[aria-busy] {
+  background-color: transparent;
+  border-color: #cc0000;
+}
+.lui-button-text.lui-button-danger:not(:disabled) i,
+.lui-button-text.lui-button-danger:not(:disabled) svg *, .lui-button-text.lui-button-danger[aria-busy] i,
+.lui-button-text.lui-button-danger[aria-busy] svg *,
+a.lui-button-text.lui-button-danger:not(:disabled) i,
+a.lui-button-text.lui-button-danger:not(:disabled) svg *,
+a.lui-button-text.lui-button-danger[aria-busy] i,
+a.lui-button-text.lui-button-danger[aria-busy] svg * {
+  color: #cc0000;
+  fill: #cc0000;
+}
+.lui-button-text.lui-button-danger:hover:enabled,
+a.lui-button-text.lui-button-danger:hover:enabled {
+  background-color: transparent;
+  border-color: #8f0000;
+  color: #8f0000;
+}
+.lui-button-text.lui-button-danger:hover:enabled i,
+.lui-button-text.lui-button-danger:hover:enabled svg *,
+a.lui-button-text.lui-button-danger:hover:enabled i,
+a.lui-button-text.lui-button-danger:hover:enabled svg * {
+  color: #8f0000;
+  fill: #8f0000;
+}
+.lui-button-text.lui-button-danger:active:enabled,
+a.lui-button-text.lui-button-danger:active:enabled {
+  background-color: transparent;
+  border-color: #5a0000;
+  color: rgba(90, 0, 0, 0.9);
+}
+.lui-button-text.lui-button-danger:active:enabled i,
+.lui-button-text.lui-button-danger:active:enabled svg *,
+a.lui-button-text.lui-button-danger:active:enabled i,
+a.lui-button-text.lui-button-danger:active:enabled svg * {
+  color: rgba(90, 0, 0, 0.9);
+  fill: rgba(90, 0, 0, 0.9);
+}
 .lui-button-text,
 a.lui-button-text {
   text-decoration: underline;
@@ -2145,23 +2326,27 @@ a.lui-button-text:active:enabled svg * {
   color: #fff;
   fill: #fff;
 }
-.lui-button-text:disabled,
-a.lui-button-text:disabled {
+.lui-button-text:disabled:where(:not([aria-busy])),
+a.lui-button-text:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: none;
   text-decoration: underline;
 }
-.lui-button-text:disabled:hover,
-a.lui-button-text:disabled:hover {
+.lui-button-text:disabled:where(:not([aria-busy])):hover,
+a.lui-button-text:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
-.lui-button-text:disabled i,
-.lui-button-text:disabled svg *,
-a.lui-button-text:disabled i,
-a.lui-button-text:disabled svg * {
+.lui-button-text:disabled:where(:not([aria-busy])) i,
+.lui-button-text:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-text:disabled:where(:not([aria-busy])) i,
+a.lui-button-text:disabled:where(:not([aria-busy])) svg * {
   color: #989189;
   fill: #989189;
 }
+.lui-button-text[aria-busy]:hover,
+a.lui-button-text[aria-busy]:hover {
+  cursor: progress;
+}
 .lui-button-plain-text,
 a.lui-button-plain-text {
   background-color: transparent;
@@ -2181,6 +2366,56 @@ a.lui-button-plain-text svg * {
 a.lui-button-plain-text:visited {
   color: inherit;
 }
+.lui-button-plain-text.lui-button-danger:not(:disabled),
+a.lui-button-plain-text.lui-button-danger:not(:disabled) {
+  color: #cc0000;
+}
+.lui-button-plain-text.lui-button-danger:where([aria-busy]),
+a.lui-button-plain-text.lui-button-danger:where([aria-busy]) {
+  color: #cc0000;
+}
+.lui-button-plain-text.lui-button-danger:not(:disabled), .lui-button-plain-text.lui-button-danger[aria-busy],
+a.lui-button-plain-text.lui-button-danger:not(:disabled),
+a.lui-button-plain-text.lui-button-danger[aria-busy] {
+  background-color: transparent;
+  border-color: #cc0000;
+}
+.lui-button-plain-text.lui-button-danger:not(:disabled) i,
+.lui-button-plain-text.lui-button-danger:not(:disabled) svg *, .lui-button-plain-text.lui-button-danger[aria-busy] i,
+.lui-button-plain-text.lui-button-danger[aria-busy] svg *,
+a.lui-button-plain-text.lui-button-danger:not(:disabled) i,
+a.lui-button-plain-text.lui-button-danger:not(:disabled) svg *,
+a.lui-button-plain-text.lui-button-danger[aria-busy] i,
+a.lui-button-plain-text.lui-button-danger[aria-busy] svg * {
+  color: #cc0000;
+  fill: #cc0000;
+}
+.lui-button-plain-text.lui-button-danger:hover:enabled,
+a.lui-button-plain-text.lui-button-danger:hover:enabled {
+  background-color: transparent;
+  border-color: #cc0000;
+  color: #cc0000;
+}
+.lui-button-plain-text.lui-button-danger:hover:enabled i,
+.lui-button-plain-text.lui-button-danger:hover:enabled svg *,
+a.lui-button-plain-text.lui-button-danger:hover:enabled i,
+a.lui-button-plain-text.lui-button-danger:hover:enabled svg * {
+  color: #cc0000;
+  fill: #cc0000;
+}
+.lui-button-plain-text.lui-button-danger:active:enabled,
+a.lui-button-plain-text.lui-button-danger:active:enabled {
+  background-color: transparent;
+  border-color: #cc0000;
+  color: rgba(204, 0, 0, 0.9);
+}
+.lui-button-plain-text.lui-button-danger:active:enabled i,
+.lui-button-plain-text.lui-button-danger:active:enabled svg *,
+a.lui-button-plain-text.lui-button-danger:active:enabled i,
+a.lui-button-plain-text.lui-button-danger:active:enabled svg * {
+  color: rgba(204, 0, 0, 0.9);
+  fill: rgba(204, 0, 0, 0.9);
+}
 .lui-button-plain-text,
 a.lui-button-plain-text {
   padding: 0;
@@ -2198,24 +2433,28 @@ a.lui-button-plain-text svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-button-plain-text:disabled,
-a.lui-button-plain-text:disabled {
+.lui-button-plain-text:disabled:where(:not([aria-busy])),
+a.lui-button-plain-text:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: none;
   border: 0;
   text-decoration: none;
 }
-.lui-button-plain-text:disabled:hover,
-a.lui-button-plain-text:disabled:hover {
+.lui-button-plain-text:disabled:where(:not([aria-busy])):hover,
+a.lui-button-plain-text:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
-.lui-button-plain-text:disabled i,
-.lui-button-plain-text:disabled svg *,
-a.lui-button-plain-text:disabled i,
-a.lui-button-plain-text:disabled svg * {
+.lui-button-plain-text:disabled:where(:not([aria-busy])) i,
+.lui-button-plain-text:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-plain-text:disabled:where(:not([aria-busy])) i,
+a.lui-button-plain-text:disabled:where(:not([aria-busy])) svg * {
   color: #989189;
   fill: #989189;
 }
+.lui-button-plain-text[aria-busy]:hover,
+a.lui-button-plain-text[aria-busy]:hover {
+  cursor: progress;
+}
 .lui-button-icon-only,
 a.lui-button-icon-only {
   width: 40px;
@@ -2256,46 +2495,65 @@ a.lui-button-icon-only-rev:visited,
 a.lui-button-icon-only-link:visited {
   color: #007198;
 }
-.lui-button-icon-only-rev:hover, .lui-button-icon-only-link:hover,
-a.lui-button-icon-only-rev:hover,
-a.lui-button-icon-only-link:hover {
+.lui-button-icon-only-rev:hover:where(:not([aria-busy])), .lui-button-icon-only-link:hover:where(:not([aria-busy])),
+a.lui-button-icon-only-rev:hover:where(:not([aria-busy])),
+a.lui-button-icon-only-link:hover:where(:not([aria-busy])) {
   background-color: transparent;
   cursor: pointer;
   color: #005678;
   border: 1px solid transparent;
 }
-.lui-button-icon-only-rev:hover i,
-.lui-button-icon-only-rev:hover svg *, .lui-button-icon-only-link:hover i,
-.lui-button-icon-only-link:hover svg *,
-a.lui-button-icon-only-rev:hover i,
-a.lui-button-icon-only-rev:hover svg *,
-a.lui-button-icon-only-link:hover i,
-a.lui-button-icon-only-link:hover svg * {
+.lui-button-icon-only-rev:hover:where(:not([aria-busy])) i,
+.lui-button-icon-only-rev:hover:where(:not([aria-busy])) svg *, .lui-button-icon-only-link:hover:where(:not([aria-busy])) i,
+.lui-button-icon-only-link:hover:where(:not([aria-busy])) svg *,
+a.lui-button-icon-only-rev:hover:where(:not([aria-busy])) i,
+a.lui-button-icon-only-rev:hover:where(:not([aria-busy])) svg *,
+a.lui-button-icon-only-link:hover:where(:not([aria-busy])) i,
+a.lui-button-icon-only-link:hover:where(:not([aria-busy])) svg * {
   color: #005678;
   fill: #005678;
 }
-.lui-button-icon-only-rev:disabled, .lui-button-icon-only-link:disabled,
-a.lui-button-icon-only-rev:disabled,
-a.lui-button-icon-only-link:disabled {
+.lui-button-icon-only-rev:disabled:where(:not([aria-busy])), .lui-button-icon-only-link:disabled:where(:not([aria-busy])),
+a.lui-button-icon-only-rev:disabled:where(:not([aria-busy])),
+a.lui-button-icon-only-link:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-button-icon-only-rev:disabled i,
-.lui-button-icon-only-rev:disabled svg *, .lui-button-icon-only-link:disabled i,
-.lui-button-icon-only-link:disabled svg *,
-a.lui-button-icon-only-rev:disabled i,
-a.lui-button-icon-only-rev:disabled svg *,
-a.lui-button-icon-only-link:disabled i,
-a.lui-button-icon-only-link:disabled svg * {
+.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) i,
+.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) svg *, .lui-button-icon-only-link:disabled:where(:not([aria-busy])) i,
+.lui-button-icon-only-link:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) i,
+a.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-icon-only-link:disabled:where(:not([aria-busy])) i,
+a.lui-button-icon-only-link:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-button-icon-only-rev:disabled:hover, .lui-button-icon-only-link:disabled:hover,
-a.lui-button-icon-only-rev:disabled:hover,
-a.lui-button-icon-only-link:disabled:hover {
+.lui-button-icon-only-rev:disabled:where(:not([aria-busy])):hover, .lui-button-icon-only-link:disabled:where(:not([aria-busy])):hover,
+a.lui-button-icon-only-rev:disabled:where(:not([aria-busy])):hover,
+a.lui-button-icon-only-link:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
+.lui-button-icon-only-rev[aria-busy]:hover, .lui-button-icon-only-link[aria-busy]:hover,
+a.lui-button-icon-only-rev[aria-busy]:hover,
+a.lui-button-icon-only-link[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-button-icon-only-rev[aria-busy]:not(:active), .lui-button-icon-only-link[aria-busy]:not(:active),
+a.lui-button-icon-only-rev[aria-busy]:not(:active),
+a.lui-button-icon-only-link[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-button-icon-only-rev[aria-busy]:not(:active) i,
+.lui-button-icon-only-rev[aria-busy]:not(:active) svg *, .lui-button-icon-only-link[aria-busy]:not(:active) i,
+.lui-button-icon-only-link[aria-busy]:not(:active) svg *,
+a.lui-button-icon-only-rev[aria-busy]:not(:active) i,
+a.lui-button-icon-only-rev[aria-busy]:not(:active) svg *,
+a.lui-button-icon-only-link[aria-busy]:not(:active) i,
+a.lui-button-icon-only-link[aria-busy]:not(:active) svg * {
+  transition: none;
+}
 .lui-button-icon-only-rev:active:enabled, .lui-button-icon-only-link:active:enabled,
 a.lui-button-icon-only-rev:active:enabled,
 a.lui-button-icon-only-link:active:enabled {
@@ -2338,25 +2596,27 @@ a.lui-button-icon-only-rev i,
 a.lui-button-icon-only-rev svg * {
   color: #fff;
 }
-.lui-button-icon-only-rev:disabled, .lui-button-icon-only-rev:disabled:hover,
-a.lui-button-icon-only-rev:disabled,
-a.lui-button-icon-only-rev:disabled:hover {
+.lui-button-icon-only-rev:disabled:where(:not([aria-busy])), .lui-button-icon-only-rev:disabled:hover:where(:not([aria-busy])),
+a.lui-button-icon-only-rev:disabled:where(:not([aria-busy])),
+a.lui-button-icon-only-rev:disabled:hover:where(:not([aria-busy])) {
   color: rgba(255, 255, 255, 0.4);
+  background-color: transparent;
+  border: 0;
 }
-.lui-button-icon-only-rev:disabled i,
-.lui-button-icon-only-rev:disabled svg *, .lui-button-icon-only-rev:disabled:hover i,
-.lui-button-icon-only-rev:disabled:hover svg *,
-a.lui-button-icon-only-rev:disabled i,
-a.lui-button-icon-only-rev:disabled svg *,
-a.lui-button-icon-only-rev:disabled:hover i,
-a.lui-button-icon-only-rev:disabled:hover svg * {
+.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) i,
+.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) svg *, .lui-button-icon-only-rev:disabled:hover:where(:not([aria-busy])) i,
+.lui-button-icon-only-rev:disabled:hover:where(:not([aria-busy])) svg *,
+a.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) i,
+a.lui-button-icon-only-rev:disabled:where(:not([aria-busy])) svg *,
+a.lui-button-icon-only-rev:disabled:hover:where(:not([aria-busy])) i,
+a.lui-button-icon-only-rev:disabled:hover:where(:not([aria-busy])) svg * {
   color: rgba(255, 255, 255, 0.4);
   fill: rgba(255, 255, 255, 0.4);
 }
-.lui-button-icon-only-rev:hover i,
-.lui-button-icon-only-rev:hover svg *,
-a.lui-button-icon-only-rev:hover i,
-a.lui-button-icon-only-rev:hover svg * {
+.lui-button-icon-only-rev:hover:where(:not([aria-busy])) i,
+.lui-button-icon-only-rev:hover:where(:not([aria-busy])) svg *,
+a.lui-button-icon-only-rev:hover:where(:not([aria-busy])) i,
+a.lui-button-icon-only-rev:hover:where(:not([aria-busy])) svg * {
   color: #73c8e1;
   fill: #73c8e1;
 }
@@ -2364,6 +2624,26 @@ a.lui-button-icon-only-rev:hover svg * {
 a.lui-button-icon-only-link {
   color: #1F69C3;
 }
+.lui-button[aria-busy],
+a.lui-button[aria-busy] {
+  position: relative;
+}
+.lui-button[aria-busy]:has(.lui-button-loading-spinner),
+a.lui-button[aria-busy]:has(.lui-button-loading-spinner) {
+  color: transparent;
+}
+.lui-button[aria-busy]:has(.lui-button-loading-spinner) > *:not(.lui-button-loading-spinner),
+a.lui-button[aria-busy]:has(.lui-button-loading-spinner) > *:not(.lui-button-loading-spinner) {
+  visibility: hidden;
+}
+.lui-button-loading-spinner,
+a.lui-button-loading-spinner {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .lui-button.lui-button-sm,
 a.lui-button.lui-button-sm {
   padding: 0.1875rem 0.5rem;
@@ -2466,7 +2746,11 @@ a.lui-button.lui-button-lg.lui-button-icon-only i {
 }
 .lui-button.lui-button-lg.lui-button-icon-right,
 a.lui-button.lui-button-lg.lui-button-icon-right {
-  padding: 0.6875rem 0.75rem 0.6875rem 24px;
+  padding: 0.6875rem 0.75rem 0.6875rem 1rem;
+}
+.lui-button.lui-button-lg.lui-button-icon-right .LuiIcon,
+a.lui-button.lui-button-lg.lui-button-icon-right .LuiIcon {
+  margin: 0 0 -0.4375rem 0.5rem;
 }
 .lui-button.lui-button-lg.lui-button-icon-right i,
 a.lui-button.lui-button-lg.lui-button-icon-right i {
@@ -2543,14 +2827,14 @@ a.lui-button + a.lui-button {
 .lui-button-group .lui-button.lui-button-active svg * {
   fill: #ffffff;
 }
-.lui-button-group .lui-button.lui-button-active:disabled {
+.lui-button-group .lui-button.lui-button-active:disabled:where(:not([aria-busy])) {
   background-color: #989189;
   color: #ffffff;
 }
-.lui-button-group .lui-button.lui-button-active:disabled.lui-button-icon-only svg * {
+.lui-button-group .lui-button.lui-button-active:disabled:where(:not([aria-busy])).lui-button-icon-only svg * {
   fill: #ffffff;
 }
-.lui-button-group .lui-button:hover {
+.lui-button-group .lui-button:hover:where(:not([aria-busy])) {
   background: #007198;
   cursor: pointer;
   color: #ffffff;
@@ -2559,13 +2843,15 @@ a.lui-button + a.lui-button {
   outline: 2px solid #004b50;
   position: relative;
 }
-.lui-button-group .lui-button:disabled {
+.lui-button-group .lui-button:disabled:where(:not([aria-busy])) {
   background-color: #eaeaea;
   border: 1px solid #6b6966;
   color: #989189;
+}
+.lui-button-group .lui-button:disabled:where(:not([aria-busy])):disabled:hover {
   cursor: not-allowed;
 }
-.lui-button-group .lui-button:disabled.lui-button-icon-only svg * {
+.lui-button-group .lui-button:disabled:where(:not([aria-busy])).lui-button-icon-only svg * {
   fill: #989189;
 }
 .lui-button-group .lui-button.lui-button-icon-only {
@@ -7175,30 +7461,40 @@ body.LuiHeaderMenuV2-drawer-open {
 .lui-split-button .popup-toggle-button:visited {
   color: #fff;
 }
-.lui-split-button .popup-toggle-button:hover {
+.lui-split-button .popup-toggle-button:hover:where(:not([aria-busy])) {
   background-color: #005678;
   cursor: pointer;
   color: #fff;
   border: 1px solid #005678;
 }
-.lui-split-button .popup-toggle-button:hover i,
-.lui-split-button .popup-toggle-button:hover svg * {
+.lui-split-button .popup-toggle-button:hover:where(:not([aria-busy])) i,
+.lui-split-button .popup-toggle-button:hover:where(:not([aria-busy])) svg * {
   color: #fff;
   fill: #fff;
 }
-.lui-split-button .popup-toggle-button:disabled {
+.lui-split-button .popup-toggle-button:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-split-button .popup-toggle-button:disabled i,
-.lui-split-button .popup-toggle-button:disabled svg * {
+.lui-split-button .popup-toggle-button:disabled:where(:not([aria-busy])) i,
+.lui-split-button .popup-toggle-button:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-split-button .popup-toggle-button:disabled:hover {
+.lui-split-button .popup-toggle-button:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
+.lui-split-button .popup-toggle-button[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-split-button .popup-toggle-button[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-split-button .popup-toggle-button[aria-busy]:not(:active) i,
+.lui-split-button .popup-toggle-button[aria-busy]:not(:active) svg * {
+  transition: none;
+}
 .lui-split-button .popup-toggle-button:active:enabled {
   background-color: #00425d;
   cursor: pointer;
@@ -7238,30 +7534,40 @@ body.LuiHeaderMenuV2-drawer-open {
 .lui-split-button .popup-toggle-button-secondary:visited {
   color: #007198;
 }
-.lui-split-button .popup-toggle-button-secondary:hover {
+.lui-split-button .popup-toggle-button-secondary:hover:where(:not([aria-busy])) {
   background-color: #e2f3f7;
   cursor: pointer;
   color: #007198;
   border: 1px solid #007198;
 }
-.lui-split-button .popup-toggle-button-secondary:hover i,
-.lui-split-button .popup-toggle-button-secondary:hover svg * {
+.lui-split-button .popup-toggle-button-secondary:hover:where(:not([aria-busy])) i,
+.lui-split-button .popup-toggle-button-secondary:hover:where(:not([aria-busy])) svg * {
   color: #007198;
   fill: #007198;
 }
-.lui-split-button .popup-toggle-button-secondary:disabled {
+.lui-split-button .popup-toggle-button-secondary:disabled:where(:not([aria-busy])) {
   color: #989189;
   background: #eaeaea;
   border-color: #6b6966;
 }
-.lui-split-button .popup-toggle-button-secondary:disabled i,
-.lui-split-button .popup-toggle-button-secondary:disabled svg * {
+.lui-split-button .popup-toggle-button-secondary:disabled:where(:not([aria-busy])) i,
+.lui-split-button .popup-toggle-button-secondary:disabled:where(:not([aria-busy])) svg * {
   color: #6b6966;
   fill: #6b6966;
 }
-.lui-split-button .popup-toggle-button-secondary:disabled:hover {
+.lui-split-button .popup-toggle-button-secondary:disabled:where(:not([aria-busy])):hover {
   cursor: not-allowed;
 }
+.lui-split-button .popup-toggle-button-secondary[aria-busy]:hover {
+  cursor: progress;
+}
+.lui-split-button .popup-toggle-button-secondary[aria-busy]:not(:active) {
+  transition: none;
+}
+.lui-split-button .popup-toggle-button-secondary[aria-busy]:not(:active) i,
+.lui-split-button .popup-toggle-button-secondary[aria-busy]:not(:active) svg * {
+  transition: none;
+}
 .lui-split-button .popup-toggle-button-secondary:active:enabled {
   background-color: #007198;
   cursor: pointer;