.machine-btn {
  position: relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 48px;
  padding: 12px 18px;
  color: var(--kaspa);
  background: linear-gradient(180deg, rgba(0,22,20,.95), rgba(0,0,0,.96));
  border: 1px solid var(--kaspa);
  box-shadow: 0 7px 0 rgba(0,90,78,.55), 0 0 16px rgba(0,255,204,.18);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing:.12em;
  font-weight:700;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.machine-btn:hover { background: linear-gradient(180deg, rgba(0,255,204,.22), rgba(0,0,0,.96)); box-shadow: 0 7px 0 rgba(0,90,78,.55), 0 0 24px rgba(0,255,204,.42); }
.machine-btn:active, .machine-btn.is-pressed { transform: translateY(5px); box-shadow: 0 2px 0 rgba(0,90,78,.55), 0 0 26px rgba(0,255,204,.55); }
.machine-btn--primary { color:#001412; background: var(--kaspa); }
.machine-btn--ghost { background: rgba(0,0,0,.62); }
.machine-btn--magenta { color: var(--magenta); border-color: var(--magenta); box-shadow: 0 7px 0 rgba(92,0,78,.55), 0 0 16px rgba(255,0,212,.2); }
.machine-btn--magenta:hover { background: linear-gradient(180deg, rgba(255,0,212,.20), rgba(0,0,0,.96)); box-shadow: 0 7px 0 rgba(92,0,78,.55), 0 0 26px rgba(255,0,212,.45); }
.machine-btn--disabled, .machine-btn:disabled { opacity:.55; cursor:not-allowed; filter: grayscale(.4); }