.__conBtns > .__fore {
  display: flex;
  flex-wrap: wrap;
  flex-direction: var(--btns-f, column);
  align-items: var(--btns-a, flex-start);
  justify-content: var(--btns-j, flex-start);
  gap: var(--btns-g, 1em);
}

.__btn, button, input[type=submit] {
  color: var(--typcol);
  cursor: pointer;
  font-family: var(--btnfam, var(--typfam));
  font-style: var(--typstyle);
  font-weight: var(--typweight);
  line-height: 1;
  text-decoration: var(--typdecor);
  text-transform: var(--typtrans);
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.__btn.btnNone,
button.btnNone,
input[type=submit].btnNone {
  background-color: unset;
  border: unset;
  padding: unset;
}

.__btn:not(.btnNone),
button:not(.btnNone),
input[type=submit]:not(.btnNone) {
  color: var(--btn-color, var(--typcol, var(--light)));
  background-color: var(--typcon, var(--secondary));
  border-width: var(--btnb-w, var(--btnbt-w, 0) var(--btnbe-w, 0) var(--btnbb-w, 0) var(--btnbs-w, 0));
  border-top-style: var(--btnbt-s, var(--btnb-s, solid));
  border-right-style: var(--btnbe-s, var(--btnb-s, solid));
  border-bottom-style: var(--btnbb-s, var(--btnb-s, solid));
  border-left-style: var(--btnbs-s, var(--btnb-s, solid));
  border-top-color: var(--btnbt-c, var(--btnb-c, var(--typcol)));
  border-right-color: var(--btnbe-c, var(--btnb-c, var(--typcol)));
  border-bottom-color: var(--btnbb-c, var(--btnb-c, var(--typcol)));
  border-left-color: var(--btnbs-c, var(--btnb-c, var(--typcol)));
  border-radius: var(--btnr, var(--btnrtl) var(--btnrtr) var(--btnrbr) var(--btnrbl));
  box-shadow: var(--btnshade);
  font-size: var(--typsize);
  padding: var(--btnp, var(--btnpt) var(--btnpe) var(--btnpb) var(--btnps));
}

.__btn:not(.btnNone):not(.__btnNoFlex),
button:not(.btnNone):not(.__btnNoFlex),
input[type=submit]:not(.btnNone):not(.__btnNoFlex) {
  display: inline-flex;
  gap: var(--btngap, 0.5em);
  align-items: center;
  text-align: center;
  white-space: nowrap;
}
.__btn.__btnNoFlex:not(.btnNone),
button.__btnNoFlex:not(.btnNone),
input[type=submit].__btnNoFlex:not(.btnNone) {
  text-align: start;
}
.__btn.__btnCol:not(.btnNone),
button.__btnCol:not(.btnNone),
input[type=submit].__btnCol:not(.btnNone) {
  align-items: flex-start;
  flex-direction: column;
  text-align: start;
}

.__btn:not(.btnNone):active,
button:not(.btnNone):active,
input[type=submit]:not(.btnNone):active {
  background-color: var(--typcon-l1, var(--secondaryL1));
  color: var(--btn-color-l2, var(--typcol-l2, var(--lightL2)));
  box-shadow: 0 0 0 0.125em var(--typcon-d1, var(--secondaryD1)), var(--btnshade, 0 0 0 0 transparent);
  text-shadow: 0 0 0.25em var(--typcon-d2, var(--secondaryD2));
}
.__btn:not(.btnNone):focus, .__btn:not(.btnNone):focus-visible,
button:not(.btnNone):focus,
button:not(.btnNone):focus-visible,
input[type=submit]:not(.btnNone):focus,
input[type=submit]:not(.btnNone):focus-visible {
  outline: unset;
}
.__btn:not(.btnNone):hover, .__btn:not(.btnNone):focus,
button:not(.btnNone):hover, button:not(.btnNone):focus,
input[type=submit]:not(.btnNone):hover, input[type=submit]:not(.btnNone):focus {
  background-color: var(--typcon-d1, var(--secondaryD1));
  color: var(--btn-color-l2, var(--typcol-l2, var(--secondaryL2)));
  box-shadow: 0 0 0 0.125em var(--typcon-l1, var(--secondaryL1)), var(--btnshade, 0 0 0 0 transparent);
  text-shadow: 0 0 0.25em var(--typcon-d1, var(--secondaryD1));
}
.__btn:not(.btnNone):disabled, .__btn.disabled:not(.btnNone),
button:not(.btnNone):disabled,
button.disabled:not(.btnNone),
input[type=submit]:not(.btnNone):disabled,
input[type=submit].disabled:not(.btnNone) {
  background-color: var(--typcon, var(--secondary);
  box-shadow: var(--btnshade, 0 0 0 0 transparent);
  cursor: not-allowed;
  filter: saturate(0.54) opacity(0.54);
  text-shadow: none;
}
.__btn > *,
button > *,
input[type=submit] > * {
  pointer-events: none;
}