.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
@media screen and (max-width: 576px) {
  .step {
    padding: 0 8px;
  }
}

.step.completed > .step-circle,
.step.is-active > .step-circle {
  background-color: #FFDC00;
}

.step-circle {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: #C4C4C4;
}