@open-condo/ui 2.41.1 → 2.42.0

package/dist/styles.css

@@ -3399,7 +3399,6 @@ a.condo-btn-sm {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 64px;
   text-shadow: none;
   border-radius: 8px;
   box-shadow: none;
@@ -3415,9 +3414,340 @@ a.condo-btn-sm {
   position: relative;
   z-index: 1;
 }
-.condo-btn span + span {
+.condo-btn-medium {
+  min-width: 32px;
+  font-weight: 600;
+  font-size: 14px;
+  font-family: "Wix Madefor Display", var(--condo-font-fallback);
+  line-height: 22px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+.condo-btn-medium span + span {
+  margin-left: 4px;
+}
+.condo-btn-large {
+  min-width: 48px;
+  font-weight: 600;
+  font-size: 16px;
+  font-family: "Wix Madefor Display", var(--condo-font-fallback);
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+@media (max-width:  767px ) {
+  .condo-btn-large {
+    font-size: 18px;
+    line-height: 26px;
+  }
+}
+.condo-btn-large span + span {
   margin-left: 8px;
 }
+.condo-btn-medium.condo-btn-primary {
+  box-sizing: border-box;
+  height: 32px;
+  line-height: 20px;
+  border-width: 0;
+  padding: 0 12px;
+}
+.condo-btn-medium.condo-btn-secondary,
+.condo-btn-medium.condo-btn-accent {
+  box-sizing: border-box;
+  height: 32px;
+  line-height: 20px;
+  border-width: 1px;
+  padding: 0 11px;
+}
+.condo-btn-large.condo-btn-primary {
+  box-sizing: border-box;
+  height: 48px;
+  line-height: 24px;
+  border-width: 0;
+  padding: 0 20px;
+}
+.condo-btn-large.condo-btn-secondary,
+.condo-btn-large.condo-btn-accent {
+  box-sizing: border-box;
+  height: 48px;
+  line-height: 24px;
+  border-width: 1px;
+  padding: 0 19px;
+}
+.condo-btn-medium.condo-btn-compact.condo-btn-primary {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 20px;
+  line-height: 20px;
+  border-width: 0;
+  padding: 0 4px;
+}
+.condo-btn-medium.condo-btn-compact.condo-btn-secondary,
+.condo-btn-medium.condo-btn-compact.condo-btn-accent {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 20px;
+  line-height: 20px;
+  border-width: 1px;
+  padding: 0 3px;
+}
+.condo-btn-large.condo-btn-compact.condo-btn-primary {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 24px;
+  line-height: 24px;
+  border-width: 0;
+  padding: 0 4px;
+}
+.condo-btn-large.condo-btn-compact.condo-btn-secondary,
+.condo-btn-large.condo-btn-compact.condo-btn-accent {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 24px;
+  line-height: 24px;
+  border-width: 1px;
+  padding: 0 3px;
+}
+.condo-btn-medium.condo-btn-compact.condo-btn-icon-only {
+  width: 20px;
+  height: 20px;
+}
+.condo-btn-large.condo-btn-compact.condo-btn-icon-only {
+  width: 24px;
+  height: 24px;
+}
+.condo-btn-minimal.condo-btn-primary,
+.condo-btn-minimal.condo-btn-secondary,
+.condo-btn-minimal.condo-btn-accent,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled),
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled),
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled),
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous {
+  text-shadow: none;
+  background: none;
+  border-color: transparent;
+  box-shadow: none;
+}
+.condo-btn-minimal.condo-btn-primary::before,
+.condo-btn-minimal.condo-btn-secondary::before,
+.condo-btn-minimal.condo-btn-accent::before,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled)::before,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled)::before,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled)::before,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous::before,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous::before,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous::before {
+  display: none;
+}
+.condo-btn-minimal.condo-btn-primary::after,
+.condo-btn-minimal.condo-btn-secondary::after,
+.condo-btn-minimal.condo-btn-accent::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled)::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled)::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled)::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous::after {
+  opacity: 0;
+}
+.condo-btn-minimal.condo-btn-primary.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled).focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled).focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled).focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous.focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-minimal.condo-btn-primary:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent:focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-minimal.condo-btn-primary:hover,
+.condo-btn-minimal.condo-btn-secondary:hover,
+.condo-btn-minimal.condo-btn-accent:hover,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):hover,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):hover,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:hover,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:hover,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:hover,
+.condo-btn-minimal.condo-btn-primary:focus,
+.condo-btn-minimal.condo-btn-secondary:focus,
+.condo-btn-minimal.condo-btn-accent:focus,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):focus,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):focus,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):focus,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:focus,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:focus,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:focus {
+  text-shadow: none;
+  background: none;
+  border-color: transparent;
+  box-shadow: none;
+}
+.condo-btn-minimal.condo-btn-primary:hover::before,
+.condo-btn-minimal.condo-btn-secondary:hover::before,
+.condo-btn-minimal.condo-btn-accent:hover::before,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):hover::before,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover::before,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):hover::before,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:hover::before,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:hover::before,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:hover::before,
+.condo-btn-minimal.condo-btn-primary:focus::before,
+.condo-btn-minimal.condo-btn-secondary:focus::before,
+.condo-btn-minimal.condo-btn-accent:focus::before,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):focus::before,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):focus::before,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):focus::before,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:focus::before,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:focus::before,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:focus::before {
+  display: none;
+}
+.condo-btn-minimal.condo-btn-primary:hover::after,
+.condo-btn-minimal.condo-btn-secondary:hover::after,
+.condo-btn-minimal.condo-btn-accent:hover::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):hover::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):hover::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:hover::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:hover::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:hover::after,
+.condo-btn-minimal.condo-btn-primary:focus::after,
+.condo-btn-minimal.condo-btn-secondary:focus::after,
+.condo-btn-minimal.condo-btn-accent:focus::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):focus::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):focus::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):focus::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:focus::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:focus::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:focus::after {
+  opacity: 0;
+}
+.condo-btn-minimal.condo-btn-primary:hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary:hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent:hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:hover.focus-visible::after,
+.condo-btn-minimal.condo-btn-primary:focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary:focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent:focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:focus.focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:focus.focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-minimal.condo-btn-primary:hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary:hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent:hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:hover:focus-visible::after,
+.condo-btn-minimal.condo-btn-primary:focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary:focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent:focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-stateless:not(:disabled):focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-stateless:not(:disabled):focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-stateless:not(:disabled):focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-primary.condo-btn-dangerous:focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-secondary.condo-btn-dangerous:focus:focus-visible::after,
+.condo-btn-minimal.condo-btn-accent.condo-btn-dangerous:focus:focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless)::before,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless)::before,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless)::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
+  opacity: 0;
+  transition: opacity 0.15s ease-in-out;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > .condo-btn-text,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > .condo-btn-text,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > .condo-btn-text {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > span,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > span,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > span {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > span svg,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > span svg,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled) > span svg {
+  fill: currentcolor;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > .condo-btn-text,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > .condo-btn-text,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > .condo-btn-text {
+  color: #00b538;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > span,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > span,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > span {
+  color: #00b538;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > span svg,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > span svg,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless):active:not(:disabled) > span svg {
+  fill: currentcolor;
+}
+.condo-btn-minimal.condo-btn-primary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled):not(.condo-btn-compact)::before,
+.condo-btn-minimal.condo-btn-secondary:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled):not(.condo-btn-compact)::before,
+.condo-btn-minimal.condo-btn-accent:not(.condo-btn-dangerous):not(.condo-btn-stateless):hover:not(:disabled):not(.condo-btn-compact)::before {
+  opacity: 1;
+}
+.condo-btn-minimal.condo-btn-compact.condo-btn-primary,
+.condo-btn-minimal.condo-btn-compact.condo-btn-secondary,
+.condo-btn-minimal.condo-btn-compact.condo-btn-accent,
+.condo-btn-minimal.condo-btn-compact.condo-btn-primary.condo-btn-dangerous,
+.condo-btn-minimal.condo-btn-compact.condo-btn-secondary.condo-btn-dangerous,
+.condo-btn-minimal.condo-btn-compact.condo-btn-accent.condo-btn-dangerous {
+  padding: 0;
+  border: none;
+}
+.condo-btn-minimal.condo-btn-compact.condo-btn-primary:disabled,
+.condo-btn-minimal.condo-btn-compact.condo-btn-secondary:disabled,
+.condo-btn-minimal.condo-btn-compact.condo-btn-accent:disabled,
+.condo-btn-minimal.condo-btn-compact.condo-btn-primary.condo-btn-dangerous:disabled,
+.condo-btn-minimal.condo-btn-compact.condo-btn-secondary.condo-btn-dangerous:disabled,
+.condo-btn-minimal.condo-btn-compact.condo-btn-accent.condo-btn-dangerous:disabled {
+  border: none;
+}
 .condo-btn.focus-visible::after,
 .condo-btn-focus::after {
   box-sizing: border-box;
@@ -3471,30 +3801,14 @@ a.condo-btn-sm {
   content: "";
   border-radius: 12px;
 }
-.condo-btn-secondary:focus::after,
-.condo-btn-secondary.condo-btn-focus::after {
-  position: absolute;
-  top: -5px;
-  right: -5px;
-  bottom: -5px;
-  left: -5px;
-  display: block;
-  border-radius: inherit;
-  content: "";
-  border-radius: 12px;
-}
 .condo-btn-primary {
-  box-sizing: border-box;
-  height: 48px;
-  line-height: 24px;
-  border-width: 0;
-  padding: 12px 20px;
   color: #fff;
   background: #222;
   transition-property: background-color;
 }
 .condo-btn-primary > .condo-btn-text {
   color: #fff;
+  background: transparent;
 }
 .condo-btn-primary::before {
   position: absolute;
@@ -3523,7 +3837,14 @@ a.condo-btn-sm {
   background: #222;
 }
 .condo-btn-primary:active::before {
-  opacity: 0.9;
+  background: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
+}
+.condo-btn-primary.condo-btn-minimal > span {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-minimal > span svg {
+  fill: currentcolor;
 }
 .condo-btn-primary.condo-btn-stateless:focus,
 .condo-btn-primary.condo-btn-stateless:hover,
@@ -3551,6 +3872,70 @@ a.condo-btn-sm {
 .condo-btn-primary.condo-btn-dangerous:active {
   background: #ff3b30;
 }
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal > span {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal > span svg {
+  fill: currentcolor;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal > .condo-btn-text {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:hover > span {
+  color: #ec0000;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:hover > span svg {
+  fill: currentcolor;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:hover > .condo-btn-text {
+  color: #ec0000;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:active > span {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:active > span svg {
+  fill: currentcolor;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:active > .condo-btn-text {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:focus > span,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless-focus > span,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:hover > span,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:active > span {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:focus > span svg,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless-focus > span svg,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:hover > span svg,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:active > span svg {
+  fill: currentcolor;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:focus > .condo-btn-text,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless-focus > .condo-btn-text,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:hover > .condo-btn-text,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:not(:disabled).condo-btn-stateless:active > .condo-btn-text {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:disabled > span {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:disabled > span svg {
+  fill: currentcolor;
+}
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:disabled > .condo-btn-text {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
 .condo-btn-primary.condo-btn-dangerous.condo-btn-stateless:focus,
 .condo-btn-primary.condo-btn-dangerous.condo-btn-stateless-focus,
 .condo-btn-primary.condo-btn-dangerous.condo-btn-stateless:hover,
@@ -3573,6 +3958,64 @@ a.condo-btn-sm {
   background: #222;
   opacity: 0.5;
 }
+.condo-btn-primary:disabled.condo-btn-minimal,
+.condo-btn-primary:disabled:hover.condo-btn-minimal,
+.condo-btn-primary:disabled:active.condo-btn-minimal,
+.condo-btn-primary:disabled:focus.condo-btn-minimal,
+.condo-btn-primary.condo-btn-dangerous:disabled.condo-btn-minimal,
+.condo-btn-primary.condo-btn-dangerous:disabled:hover.condo-btn-minimal,
+.condo-btn-primary.condo-btn-dangerous:disabled:active.condo-btn-minimal,
+.condo-btn-primary.condo-btn-dangerous:disabled:focus.condo-btn-minimal,
+.condo-btn-primary-focus:disabled.condo-btn-minimal {
+  text-shadow: none;
+  background: none;
+  border-color: transparent;
+  box-shadow: none;
+}
+.condo-btn-primary:disabled.condo-btn-minimal::before,
+.condo-btn-primary:disabled:hover.condo-btn-minimal::before,
+.condo-btn-primary:disabled:active.condo-btn-minimal::before,
+.condo-btn-primary:disabled:focus.condo-btn-minimal::before,
+.condo-btn-primary.condo-btn-dangerous:disabled.condo-btn-minimal::before,
+.condo-btn-primary.condo-btn-dangerous:disabled:hover.condo-btn-minimal::before,
+.condo-btn-primary.condo-btn-dangerous:disabled:active.condo-btn-minimal::before,
+.condo-btn-primary.condo-btn-dangerous:disabled:focus.condo-btn-minimal::before,
+.condo-btn-primary-focus:disabled.condo-btn-minimal::before {
+  display: none;
+}
+.condo-btn-primary:disabled.condo-btn-minimal::after,
+.condo-btn-primary:disabled:hover.condo-btn-minimal::after,
+.condo-btn-primary:disabled:active.condo-btn-minimal::after,
+.condo-btn-primary:disabled:focus.condo-btn-minimal::after,
+.condo-btn-primary.condo-btn-dangerous:disabled.condo-btn-minimal::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:hover.condo-btn-minimal::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:active.condo-btn-minimal::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:focus.condo-btn-minimal::after,
+.condo-btn-primary-focus:disabled.condo-btn-minimal::after {
+  opacity: 0;
+}
+.condo-btn-primary:disabled.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary:disabled:hover.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary:disabled:active.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary:disabled:focus.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:hover.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:active.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:focus.condo-btn-minimal.focus-visible::after,
+.condo-btn-primary-focus:disabled.condo-btn-minimal.focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-primary:disabled.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary:disabled:hover.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary:disabled:active.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary:disabled:focus.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:hover.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:active.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary.condo-btn-dangerous:disabled:focus.condo-btn-minimal:focus-visible::after,
+.condo-btn-primary-focus:disabled.condo-btn-minimal:focus-visible::after {
+  opacity: 1;
+}
 .condo-btn-primary:disabled::before,
 .condo-btn-primary:disabled:hover::before,
 .condo-btn-primary:disabled:active::before,
@@ -3584,12 +4027,10 @@ a.condo-btn-sm {
 .condo-btn-primary-focus:disabled::before {
   opacity: 0;
 }
+.condo-btn-primary.condo-btn-dangerous.condo-btn-minimal:hover:not(.condo-btn-compact):not(:disabled):not(.condo-btn-stateless) {
+  background: #ffeceb;
+}
 .condo-btn-secondary {
-  box-sizing: border-box;
-  height: 48px;
-  line-height: 24px;
-  border-width: 1px;
-  padding: 11px 19px;
   color: #222;
   border: 1px solid #707695;
   transition: background-color 0.15s ease-in-out;
@@ -3601,21 +4042,81 @@ a.condo-btn-sm {
 .condo-btn-secondary > span svg {
   fill: currentcolor;
 }
-.condo-btn-secondary > .condo-btn-text {
-  background: transparent;
-}
-.condo-btn-secondary,
-.condo-btn-secondary:focus,
-.condo-btn-secondary-focus {
-  background: transparent;
-  border: 1px solid #707695;
-}
-.condo-btn-secondary:hover {
-  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
+.condo-btn-secondary::after {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  box-sizing: border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
+  border: 1px solid transparent;
+  opacity: 0;
+  transition: opacity 0.15s ease-out;
+  -webkit-mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
+          mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
+  -webkit-mask: linear-gradient(#111 0 0) padding-box, linear-gradient(#fff 0 0);
+          mask: linear-gradient(#111 0 0) padding-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
 }
-.condo-btn-secondary:hover > span {
-  color: #2bc359;
-  transition: color 0.15s ease-out;
+.condo-btn-secondary.condo-btn-focus::after,
+.condo-btn-secondary.focus-visible::after {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  bottom: -5px;
+  left: -5px;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  border: 4px solid transparent;
+  border-radius: 12px;
+  opacity: 1;
+}
+.condo-btn-secondary.condo-btn-focus::after,
+.condo-btn-secondary:focus-visible::after {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  bottom: -5px;
+  left: -5px;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  border: 4px solid transparent;
+  border-radius: 12px;
+  opacity: 1;
+}
+.condo-btn-secondary:focus::after,
+.condo-btn-secondary-focus::after {
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
+}
+.condo-btn-secondary:hover::after {
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
+  opacity: 1;
+}
+.condo-btn-secondary:active::after {
+  background: linear-gradient(90deg, #2abb56 0%, #3996dd 100%) border-box;
+}
+.condo-btn-secondary > .condo-btn-text {
+  background: transparent;
+}
+.condo-btn-secondary,
+.condo-btn-secondary:focus,
+.condo-btn-secondary-focus {
+  background: transparent;
+  border: 1px solid #707695;
+}
+.condo-btn-secondary:hover {
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
+}
+.condo-btn-secondary:hover > span {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
 }
 .condo-btn-secondary:hover > span svg {
   fill: currentcolor;
@@ -3644,6 +4145,20 @@ a.condo-btn-sm {
   color: #ff3b30;
   transition: color 0.15s ease-out;
 }
+.condo-btn-secondary.condo-btn-dangerous::after {
+  opacity: 0;
+}
+.condo-btn-secondary.condo-btn-dangerous.focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-focus::after {
+  opacity: 1;
+}
+.condo-btn-secondary.condo-btn-dangerous:focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-focus::after {
+  opacity: 1;
+}
+.condo-btn-secondary.condo-btn-dangerous .condo-btn-minimal {
+  border: none;
+}
 .condo-btn-secondary.condo-btn-dangerous:hover {
   background: #ffeceb;
 }
@@ -3710,40 +4225,6 @@ a.condo-btn-sm {
 .condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:active::before {
   background: #ff3b30 border-box;
 }
-.condo-btn-secondary::before {
-  position: absolute;
-  top: -1px;
-  right: -1px;
-  bottom: -1px;
-  left: -1px;
-  display: block;
-  border-radius: inherit;
-  content: "";
-  box-sizing: border-box;
-  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
-  border: 1px solid transparent;
-  opacity: 0;
-  transition: opacity 0.15s ease-out;
-  -webkit-mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
-          mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
-  -webkit-mask: linear-gradient(#111 0 0) padding-box, linear-gradient(#fff 0 0);
-          mask: linear-gradient(#111 0 0) padding-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
-}
-.condo-btn-secondary::before,
-.condo-btn-secondary:focus::before,
-.condo-btn-secondary-focus::before {
-  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
-}
-.condo-btn-secondary:hover::before {
-  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
-  opacity: 1;
-}
-.condo-btn-secondary:active::before {
-  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
-  opacity: 0.9;
-}
 .condo-btn-secondary:disabled {
   background: transparent;
   border: 1px solid #707695;
@@ -3760,25 +4241,84 @@ a.condo-btn-sm {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled::before {
+.condo-btn-secondary:disabled::after {
+  opacity: 0;
+}
+.condo-btn-secondary:disabled.condo-btn-minimal {
+  text-shadow: none;
+  background: none;
+  border-color: transparent;
+  box-shadow: none;
+}
+.condo-btn-secondary:disabled.condo-btn-minimal::before {
+  display: none;
+}
+.condo-btn-secondary:disabled.condo-btn-minimal::after {
   opacity: 0;
 }
-.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > span {
+.condo-btn-secondary:disabled.condo-btn-minimal.focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-secondary:disabled.condo-btn-minimal:focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-secondary:disabled.condo-btn-minimal > span {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary:disabled.condo-btn-minimal > span svg {
+  fill: currentcolor;
+}
+.condo-btn-secondary:disabled.condo-btn-minimal > .condo-btn-text {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > span svg {
+.condo-btn-secondary.condo-btn-minimal:not(.condo-btn-dangerous):not(:disabled) > .condo-btn-text {
+  color: #707695;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-minimal:not(.condo-btn-dangerous):not(:disabled) > span {
+  color: #707695;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-minimal:not(.condo-btn-dangerous):not(:disabled) > span svg {
   fill: currentcolor;
 }
-.condo-btn-secondary.condo-btn-stateless:hover,
-.condo-btn-secondary.condo-btn-stateless:active {
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):not(.condo-btn-dangerous) > span {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):not(.condo-btn-dangerous) > span svg {
+  fill: currentcolor;
+}
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous) > .condo-btn-text,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous):active > .condo-btn-text,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous):hover > .condo-btn-text {
+  color: #707695;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous) > span,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous):active > span,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous):hover > span {
+  color: #707695;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous) > span svg,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous):active > span svg,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled).condo-btn-minimal:not(.condo-btn-dangerous):hover > span svg {
+  fill: currentcolor;
+}
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):active {
   background: transparent;
 }
-.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous):hover {
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):not(.condo-btn-dangerous):not(.condo-btn-minimal):hover {
   border: 1px solid #707695;
 }
-.condo-btn-secondary.condo-btn-stateless:hover::before,
-.condo-btn-secondary.condo-btn-stateless:active::before {
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover::after,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):active::after,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):hover::before,
+.condo-btn-secondary.condo-btn-stateless:not(:disabled):active::before {
   opacity: 0;
 }
 .condo-btn-secondary:disabled:hover,
@@ -3825,37 +4365,574 @@ a.condo-btn-sm {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled:hover::before,
-.condo-btn-secondary:disabled:active::before,
-.condo-btn-secondary:disabled:focus::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled:hover::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled:active::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled:focus::before,
-.condo-btn-secondary.condo-btn-focus:disabled::before {
+.condo-btn-secondary:disabled:hover::after,
+.condo-btn-secondary:disabled:active::after,
+.condo-btn-secondary:disabled:focus::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus::after,
+.condo-btn-secondary.condo-btn-focus:disabled::after {
+  opacity: 0;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal,
+.condo-btn-secondary:disabled:active.condo-btn-minimal,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal {
+  text-shadow: none;
+  background: none;
+  border-color: transparent;
+  box-shadow: none;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal::before,
+.condo-btn-secondary:disabled:active.condo-btn-minimal::before,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal::before,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal::before,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal::before,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal::before,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal::before,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal::before {
+  display: none;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal::after,
+.condo-btn-secondary:disabled:active.condo-btn-minimal::after,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal::after,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal::after {
+  opacity: 0;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal.focus-visible::after,
+.condo-btn-secondary:disabled:active.condo-btn-minimal.focus-visible::after,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal.focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal.focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal.focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal.focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal.focus-visible::after,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal.focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal:focus-visible::after,
+.condo-btn-secondary:disabled:active.condo-btn-minimal:focus-visible::after,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal:focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal:focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal:focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal:focus-visible::after,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal:focus-visible::after,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal:focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal > span,
+.condo-btn-secondary:disabled:active.condo-btn-minimal > span,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal > span,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal > span {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal > span svg,
+.condo-btn-secondary:disabled:active.condo-btn-minimal > span svg,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal > span svg,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal > span svg {
+  fill: currentcolor;
+}
+.condo-btn-secondary:disabled:hover.condo-btn-minimal > .condo-btn-text,
+.condo-btn-secondary:disabled:active.condo-btn-minimal > .condo-btn-text,
+.condo-btn-secondary:disabled:focus.condo-btn-minimal > .condo-btn-text,
+.condo-btn-secondary.condo-btn-dangerous:disabled.condo-btn-minimal > .condo-btn-text,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover.condo-btn-minimal > .condo-btn-text,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active.condo-btn-minimal > .condo-btn-text,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus.condo-btn-minimal > .condo-btn-text,
+.condo-btn-secondary.condo-btn-focus:disabled.condo-btn-minimal > .condo-btn-text {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-minimal:hover:not(.condo-btn-compact):not(:disabled):not(.condo-btn-stateless) {
+  background: #ffeceb;
+}
+.condo-btn-accent > .condo-btn-text {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent > span {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent > .condo-btn-text {
+  background: transparent;
+}
+.condo-btn-accent::before {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
+  opacity: 0;
+  transition: opacity 0.15s ease-in-out;
+}
+.condo-btn-accent,
+.condo-btn-accent:focus,
+.condo-btn-accent-focus {
+  background: transparent;
+  border-color: transparent;
+}
+.condo-btn-accent:hover > .condo-btn-text {
+  color: #fff;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:hover > span {
+  color: #fff;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:hover > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent:hover::before {
+  opacity: 1;
+}
+.condo-btn-accent:active > .condo-btn-text {
+  color: #fff;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:active > span {
+  color: #fff;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:active > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent:active::before {
+  background: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
+}
+.condo-btn-accent.condo-btn-minimal > .condo-btn-text {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-minimal > span {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-minimal > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent.condo-btn-minimal::before {
+  opacity: 0;
+}
+.condo-btn-accent.condo-btn-minimal::after {
   opacity: 0;
 }
+.condo-btn-accent::after {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  box-sizing: border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
+  border: 1px solid transparent;
+  opacity: 1;
+  transition: opacity 0.15s ease-out;
+  -webkit-mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
+          mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
+  -webkit-mask: linear-gradient(#111 0 0) padding-box, linear-gradient(#fff 0 0);
+          mask: linear-gradient(#111 0 0) padding-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+}
+.condo-btn-accent.condo-btn-focus::after,
+.condo-btn-accent.focus-visible::after {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  bottom: -5px;
+  left: -5px;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  border: 4px solid transparent;
+  border-radius: 12px;
+  opacity: 1;
+}
+.condo-btn-accent.condo-btn-focus::after,
+.condo-btn-accent:focus-visible::after {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  bottom: -5px;
+  left: -5px;
+  display: block;
+  border-radius: inherit;
+  content: "";
+  border: 4px solid transparent;
+  border-radius: 12px;
+  opacity: 1;
+}
+.condo-btn-accent.condo-btn-dangerous {
+  border: 1px solid #ff3b30;
+}
+.condo-btn-accent.condo-btn-dangerous > span {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent.condo-btn-dangerous > .condo-btn-text {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous::before {
+  display: none;
+}
+.condo-btn-accent.condo-btn-dangerous::after {
+  opacity: 0;
+}
+.condo-btn-accent.condo-btn-dangerous.focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-focus::after {
+  opacity: 1;
+}
+.condo-btn-accent.condo-btn-dangerous:focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-focus::after {
+  opacity: 1;
+}
+.condo-btn-accent.condo-btn-dangerous:hover {
+  background: #ffeceb;
+}
+.condo-btn-accent.condo-btn-dangerous:hover > span {
+  color: #ec0000;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous:hover > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent.condo-btn-dangerous:hover > .condo-btn-text {
+  color: #ec0000;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous:active {
+  background: #ffeceb;
+}
+.condo-btn-accent.condo-btn-dangerous:active > span {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous:active > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent.condo-btn-dangerous:active > .condo-btn-text {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous::before,
+.condo-btn-accent.condo-btn-dangerous:focus::before,
+.condo-btn-accent.condo-btn-dangerous-focus::before {
+  background: #ff3b30 border-box;
+}
+.condo-btn-accent.condo-btn-dangerous:hover::before {
+  background: #ec0000 border-box;
+}
+.condo-btn-accent.condo-btn-dangerous:active::before {
+  background: #ff3b30 border-box;
+}
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:hover > span,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:active > span,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:focus > span,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless-focus > span {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:hover > span svg,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:active > span svg,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:focus > span svg,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless-focus > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:hover > .condo-btn-text,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:active > .condo-btn-text,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:focus > .condo-btn-text,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless-focus > .condo-btn-text {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless::before,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:focus::before,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless-focus::before,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:hover::before,
+.condo-btn-accent.condo-btn-dangerous.condo-btn-stateless:active::before {
+  background: #ff3b30 border-box;
+}
+.condo-btn-accent:disabled {
+  background: transparent;
+  border: 1px solid #707695;
+  opacity: 0.5;
+}
+.condo-btn-accent:disabled > span {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:disabled > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent:disabled > .condo-btn-text {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:disabled::after {
+  opacity: 0;
+}
+.condo-btn-accent:disabled.condo-btn-minimal {
+  text-shadow: none;
+  background: none;
+  border-color: transparent;
+  box-shadow: none;
+}
+.condo-btn-accent:disabled.condo-btn-minimal::before {
+  display: none;
+}
+.condo-btn-accent:disabled.condo-btn-minimal::after {
+  opacity: 0;
+}
+.condo-btn-accent:disabled.condo-btn-minimal.focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-accent:disabled.condo-btn-minimal:focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-accent.condo-btn-stateless:not(:disabled):not(.condo-btn-dangerous) > span {
+  color: #2bc359;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent.condo-btn-stateless:not(:disabled):not(.condo-btn-dangerous) > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent.condo-btn-stateless:not(:disabled):hover,
+.condo-btn-accent.condo-btn-stateless:not(:disabled):active {
+  background: transparent;
+}
+.condo-btn-accent.condo-btn-stateless:not(:disabled):hover::before,
+.condo-btn-accent.condo-btn-stateless:not(:disabled):active::before {
+  opacity: 0;
+}
+.condo-btn-accent:disabled:hover,
+.condo-btn-accent:disabled:active,
+.condo-btn-accent:disabled:focus,
+.condo-btn-accent.condo-btn-dangerous:disabled,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover,
+.condo-btn-accent.condo-btn-dangerous:disabled:active,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus,
+.condo-btn-accent.condo-btn-focus:disabled {
+  background: transparent;
+  border: 1px solid #707695;
+  opacity: 0.5;
+}
+.condo-btn-accent:disabled:hover > span,
+.condo-btn-accent:disabled:active > span,
+.condo-btn-accent:disabled:focus > span,
+.condo-btn-accent.condo-btn-dangerous:disabled > span,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover > span,
+.condo-btn-accent.condo-btn-dangerous:disabled:active > span,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus > span,
+.condo-btn-accent.condo-btn-focus:disabled > span {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:disabled:hover > span svg,
+.condo-btn-accent:disabled:active > span svg,
+.condo-btn-accent:disabled:focus > span svg,
+.condo-btn-accent.condo-btn-dangerous:disabled > span svg,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover > span svg,
+.condo-btn-accent.condo-btn-dangerous:disabled:active > span svg,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus > span svg,
+.condo-btn-accent.condo-btn-focus:disabled > span svg {
+  fill: currentcolor;
+}
+.condo-btn-accent:disabled:hover > .condo-btn-text,
+.condo-btn-accent:disabled:active > .condo-btn-text,
+.condo-btn-accent:disabled:focus > .condo-btn-text,
+.condo-btn-accent.condo-btn-dangerous:disabled > .condo-btn-text,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover > .condo-btn-text,
+.condo-btn-accent.condo-btn-dangerous:disabled:active > .condo-btn-text,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus > .condo-btn-text,
+.condo-btn-accent.condo-btn-focus:disabled > .condo-btn-text {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-accent:disabled:hover::before,
+.condo-btn-accent:disabled:active::before,
+.condo-btn-accent:disabled:focus::before,
+.condo-btn-accent.condo-btn-dangerous:disabled::before,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover::before,
+.condo-btn-accent.condo-btn-dangerous:disabled:active::before,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus::before,
+.condo-btn-accent.condo-btn-focus:disabled::before {
+  opacity: 0;
+}
+.condo-btn-accent:disabled:hover.condo-btn-minimal,
+.condo-btn-accent:disabled:active.condo-btn-minimal,
+.condo-btn-accent:disabled:focus.condo-btn-minimal,
+.condo-btn-accent.condo-btn-dangerous:disabled.condo-btn-minimal,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover.condo-btn-minimal,
+.condo-btn-accent.condo-btn-dangerous:disabled:active.condo-btn-minimal,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus.condo-btn-minimal,
+.condo-btn-accent.condo-btn-focus:disabled.condo-btn-minimal {
+  text-shadow: none;
+  background: none;
+  border-color: transparent;
+  box-shadow: none;
+}
+.condo-btn-accent:disabled:hover.condo-btn-minimal::before,
+.condo-btn-accent:disabled:active.condo-btn-minimal::before,
+.condo-btn-accent:disabled:focus.condo-btn-minimal::before,
+.condo-btn-accent.condo-btn-dangerous:disabled.condo-btn-minimal::before,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover.condo-btn-minimal::before,
+.condo-btn-accent.condo-btn-dangerous:disabled:active.condo-btn-minimal::before,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus.condo-btn-minimal::before,
+.condo-btn-accent.condo-btn-focus:disabled.condo-btn-minimal::before {
+  display: none;
+}
+.condo-btn-accent:disabled:hover.condo-btn-minimal::after,
+.condo-btn-accent:disabled:active.condo-btn-minimal::after,
+.condo-btn-accent:disabled:focus.condo-btn-minimal::after,
+.condo-btn-accent.condo-btn-dangerous:disabled.condo-btn-minimal::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover.condo-btn-minimal::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:active.condo-btn-minimal::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus.condo-btn-minimal::after,
+.condo-btn-accent.condo-btn-focus:disabled.condo-btn-minimal::after {
+  opacity: 0;
+}
+.condo-btn-accent:disabled:hover.condo-btn-minimal.focus-visible::after,
+.condo-btn-accent:disabled:active.condo-btn-minimal.focus-visible::after,
+.condo-btn-accent:disabled:focus.condo-btn-minimal.focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled.condo-btn-minimal.focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover.condo-btn-minimal.focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:active.condo-btn-minimal.focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus.condo-btn-minimal.focus-visible::after,
+.condo-btn-accent.condo-btn-focus:disabled.condo-btn-minimal.focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-accent:disabled:hover.condo-btn-minimal:focus-visible::after,
+.condo-btn-accent:disabled:active.condo-btn-minimal:focus-visible::after,
+.condo-btn-accent:disabled:focus.condo-btn-minimal:focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled.condo-btn-minimal:focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:hover.condo-btn-minimal:focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:active.condo-btn-minimal:focus-visible::after,
+.condo-btn-accent.condo-btn-dangerous:disabled:focus.condo-btn-minimal:focus-visible::after,
+.condo-btn-accent.condo-btn-focus:disabled.condo-btn-minimal:focus-visible::after {
+  opacity: 1;
+}
+.condo-btn-accent.condo-btn-dangerous.condo-btn-minimal:hover:not(.condo-btn-compact):not(:disabled):not(.condo-btn-stateless) {
+  background: #ffeceb;
+}
 .condo-btn > .condo-btn-icon {
   display: inline-flex;
 }
-a.condo-btn-primary {
-  padding: 12px 20px !important;
+a.condo-btn-medium.condo-btn-primary {
+  padding: 0 12px !important;
+}
+a.condo-btn-medium.condo-btn-primary {
+  box-sizing: border-box;
+  height: 32px;
+  line-height: 20px;
+  border-width: 0;
+}
+a.condo-btn-medium.condo-btn-secondary,
+a.condo-btn-medium.condo-btn-accent {
+  padding: 0 11px !important;
+}
+a.condo-btn-medium.condo-btn-secondary,
+a.condo-btn-medium.condo-btn-accent {
+  box-sizing: border-box;
+  height: 32px;
+  line-height: 20px;
+  border-width: 1px;
+}
+a.condo-btn-large.condo-btn-primary {
+  padding: 0 20px !important;
 }
-a.condo-btn-primary {
+a.condo-btn-large.condo-btn-primary {
   box-sizing: border-box;
   height: 48px;
   line-height: 24px;
   border-width: 0;
 }
-a.condo-btn-secondary {
-  padding: 11px 19px !important;
+a.condo-btn-large.condo-btn-secondary,
+a.condo-btn-large.condo-btn-accent {
+  padding: 0 19px !important;
 }
-a.condo-btn-secondary {
+a.condo-btn-large.condo-btn-secondary,
+a.condo-btn-large.condo-btn-accent {
   box-sizing: border-box;
   height: 48px;
   line-height: 24px;
   border-width: 1px;
 }
+a.condo-btn-medium.condo-btn-compact.condo-btn-primary {
+  padding: 0 4px !important;
+}
+a.condo-btn-medium.condo-btn-compact.condo-btn-primary {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 20px;
+  line-height: 20px;
+  border-width: 0;
+}
+a.condo-btn-medium.condo-btn-compact.condo-btn-secondary,
+a.condo-btn-medium.condo-btn-compact.condo-btn-accent {
+  padding: 0 3px !important;
+}
+a.condo-btn-medium.condo-btn-compact.condo-btn-secondary,
+a.condo-btn-medium.condo-btn-compact.condo-btn-accent {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 20px;
+  line-height: 20px;
+  border-width: 1px;
+}
+a.condo-btn-large.condo-btn-compact.condo-btn-primary {
+  padding: 0 4px !important;
+}
+a.condo-btn-large.condo-btn-compact.condo-btn-primary {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 24px;
+  line-height: 24px;
+  border-width: 0;
+}
+a.condo-btn-large.condo-btn-compact.condo-btn-secondary,
+a.condo-btn-large.condo-btn-compact.condo-btn-accent {
+  padding: 0 3px !important;
+}
+a.condo-btn-large.condo-btn-compact.condo-btn-secondary,
+a.condo-btn-large.condo-btn-compact.condo-btn-accent {
+  min-width: 0;
+  box-sizing: border-box;
+  height: 24px;
+  line-height: 24px;
+  border-width: 1px;
+}
 
 .condo-icon-btn {
   width: auto;