.processing-box{
  position: relative;
  overflow: visible !important;
}

.process-number {
  position: absolute;
  z-index: 5;
  transition: all 0.3s ease;
}

/* Define base positions using CSS variables */
.number-top-left {
  --number-top: 0;
  --number-left: 0;
  top: var(--number-top);
  left: var(--number-left);
}
.number-top-right {
  --number-top: 0;
  --number-right: 0;
  top: var(--number-top);
  right: var(--number-right);
}
.number-bottom-left {
  --number-bottom: 0;
  --number-left: 0;
  bottom: var(--number-bottom);
  left: var(--number-left);
}
.number-bottom-right {
  --number-bottom: 0;
  --number-right: 0;
  bottom: var(--number-bottom);
  right: var(--number-right);
}

/* Side-only options */
.number-top {
  --number-top: 0;
  top: var(--number-top);
  left: 50%;
  transform: translateX(-50%);
}
.number-bottom {
  --number-bottom: 0;
  bottom: var(--number-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.number-left {
  --number-left: 0;
  left: var(--number-left);
  top: 50%;
  transform: translateY(-50%);
}
.number-right {
  --number-right: 0;
  right: var(--number-right);
  top: 50%;
  transform: translateY(-50%);
}