.icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.btn-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.feature-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.feature-top .number {
  margin: 0;
  font-size: 20px;
}

.feature-icon,
.step-icon,
.recommendation-icon {
  display: grid;
  place-items: center;
  border-radius: 3px;
}

.feature-icon {
  width: 42px;
  height: 42px;
  background: var(--forest);
  color: #fff;
}

.step-icon {
  width: 44px;
  height: 44px;
  border: 1px solid #5d776f;
  color: var(--gold);
}

.recommendation-icon {
  width: 44px;
  height: 44px;
  margin-bottom: 18px;
  border: 1px solid #676a61;
  color: var(--gold);
}

.feature-icon svg,
.step-icon svg,
.recommendation-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}