.process-track80 {
  gap: clamp(5px, 1.1vw, 14px);
  border: 0;
}
.process-track80::after { display: none; }
.process-track80 > button,
.process-track80 > button + button {
  --step-edge: #a28acb;
  --step-glow: #a686d647;
  --step-tint: #d4c5ef;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--step-edge);
  border-radius: 14px;
  padding: 24px clamp(12px, 1.5vw, 22px);
  background: radial-gradient(ellipse at 31% 0%, #ffffffb8, transparent 69%), linear-gradient(135deg, #eeebf8, var(--step-tint));
  box-shadow: inset 0 0 16px #ffffff8c, 0 3px 12px var(--step-glow);
  color: #42375e;
  transition: color .25s, box-shadow .35s, border-color .35s, translate .35s;
}
.process-track80 > button::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: -22% -16%;
  background: radial-gradient(ellipse at 31% 53%, #fff 1%, #fff7 28%, transparent 56%), radial-gradient(ellipse at 70% 76%, #fff8, transparent 45%);
  transform: translateX(-8%);
  opacity: .55;
  transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .35s;
}
.process-track80 > button[aria-selected=true] {
  --step-edge: #8a65bc;
  --step-glow: #9166d55c;
  --step-tint: #c1a7e7;
  color: #312348;
  background: radial-gradient(ellipse at 27% 0%, #ffffffb8, transparent 66%), linear-gradient(135deg, #eadffa, var(--step-tint));
  box-shadow: inset 0 0 18px #fff9, inset 0 -3px #8965bc, 0 4px 18px var(--step-glow);
}
.process-track80 > button:is(:hover, :focus-visible) {
  border-color: #9367c5;
  box-shadow: inset 0 0 20px #fff, inset 0 -2px #ac84db, 0 4px 18px #a57bd470;
  color: #312348;
  translate: 0 -2px;
}
.process-track80 > button:is(:hover, :focus-visible, [aria-selected=true])::before {
  transform: translateX(9%);
  opacity: .87;
}
.process-track80 > button > i { opacity: .8; }
.process-track80 > button[aria-selected=true] > span,
.process-track80 > button[aria-selected=true] > i { color: #65468e; }
@media (max-width: 760px) {
  .process-track80 > button { border-radius: 10px; }
}
@media (max-width: 430px) {
  .process-track80 > button { padding-inline: 7px !important; }
  .process-track80 > button > b { font-size: clamp(14px, 4.35vw, 19px); }
}
@media (prefers-reduced-motion: reduce) {
  .process-track80 > button:hover { translate: none; }
}