.lx-button,
.action-primary,
.action-secondary,
.wp-block-button__link,
.edd-submit,
.edd-submit.button,
.button,
button[type="submit"],
input[type="submit"] {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 21px;
  border: 1px solid transparent;
  border-radius: var(--lx-radius-control);
  font-family: var(--lx-font-sans);
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  transition: color 180ms var(--lx-ease-standard), background-color 180ms var(--lx-ease-standard), border-color 180ms var(--lx-ease-standard), transform 180ms var(--lx-ease-standard), box-shadow 180ms var(--lx-ease-standard);
}

.lx-button:hover,
.action-primary:hover,
.action-secondary:hover,
.wp-block-button__link:hover,
.edd-submit:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  transform: translateY(-2px);
}

.lx-button--primary,
.action-primary,
.wp-block-button__link,
.edd-submit,
.edd-submit.button,
.button,
button[type="submit"],
input[type="submit"] {
  color: var(--lx-paper);
  background: var(--lx-brick);
  border-color: var(--lx-brick);
  box-shadow: 0 10px 26px rgba(196, 58, 49, 0.2);
}

.lx-button--primary:hover,
.action-primary:hover,
.wp-block-button__link:hover,
.edd-submit:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  color: #fff;
  background: var(--lx-brick-deep);
  border-color: var(--lx-brick-deep);
}

.lx-button--secondary,
.action-secondary {
  color: var(--lx-ink);
  background: rgba(255, 253, 248, 0.7);
  border-color: var(--lx-line-strong);
  box-shadow: none;
  backdrop-filter: blur(14px);
}

.lx-button--secondary:hover,
.action-secondary:hover {
  color: var(--lx-ink);
  background: var(--lx-paper);
  border-color: var(--lx-ink);
}

.lx-eyebrow,
.node-index {
  margin: 0;
  color: var(--lx-brick);
  font-size: 11px;
  font-weight: 820;
  line-height: 1.25;
  text-transform: uppercase;
}

.lx-control {
  min-height: 38px;
  padding: 0 13px;
  color: var(--lx-paper);
  background: rgba(21, 23, 21, 0.45);
  border: 1px solid rgba(255, 253, 248, 0.32);
  border-radius: var(--lx-radius-control);
  backdrop-filter: blur(14px);
  font-family: var(--lx-font-sans);
  font-size: 12px;
  font-weight: 740;
  cursor: pointer;
}

.lx-control:hover,
.lx-control:focus-visible {
  background: rgba(21, 23, 21, 0.76);
  border-color: rgba(255, 253, 248, 0.72);
}

.lx-surface {
  border: 1px solid var(--lx-line);
  background: rgba(255, 253, 248, 0.82);
  box-shadow: var(--lx-shadow-media);
  backdrop-filter: blur(18px);
}