.steps ul li {
  display: flex;
  gap: var(--dgp-spacing-lg);
  align-items: center;
  position: relative;
}

.steps ul li::before {
  content: "check_circle";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  background-color: var(--dgp-primary-50);
  color: var(--dgp-primary-700);
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dgp-radius-8);
}

.steps ul li:first-of-type::before {
  content: "flag";
}

.steps ul li:nth-of-type(2)::before {
  content: "ads_click";
}

.steps ul li:nth-of-type(3)::before {
  content: "file_open";
}

.steps ul li:last-of-type::before {
  content: "badge";
}