#spoluprace .vertical_progress {
  display: block;
}

#spoluprace .vertical_progress > * {
  position: relative;
  padding: 16px;
  margin: 32px 8px 0 48px;
  border-radius: 12px;
  background: #fff;
  color: #000;
}

#spoluprace .vertical_progress p {
  margin: 0;
}

/* Čísla vlevo */
#spoluprace .progress_cards::after {
  content: var(--number);
  position: absolute;
  top: 50%;
  left: 0;
  translate: calc(-1 * calc(100% + 1.5rem)) -50%;
  width: 3rem;
  margin-left: 0.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #000;
  color: white;
  display: grid;
  place-items: center;
}

/* Svislá čára mezi prvky */
#spoluprace .progress_cards:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% + 0.5rem);
  width: 3px;
  background-color: #000;
  translate: calc(-1 * calc(50% + 2.5rem)) 50%;
}