.stepsList {
list-style-type: none; margin: 0; &:first-child { counter-reset: listCounter; } &__item { counter-increment: listCounter; display: flex; align-items: center; font-size: 16px; color: $text-color; line-height: 1.4; margin: 0 0 20px; &:last-child { margin: 0; } } &__item:before { @include size(32px); content: counter(listCounter) " "; font-weight: bold; font-size: 18px; line-height: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 15px; border-radius: 50%; text-align: center; color: $primary-color; background: rgba($primary-color, 0.2); } &__link { font-size: 16px; }
}