Как правильно прописать nth-child?

Question

[Виорел]

Привет всем, хочу cдвинуть текст немного ниже в 3 и 4 с помощью nth-child, что бы не прописывать класс, чего то не получается, просветите)

.how_pay {
   
  .item {
    text-align: center;
    position: relative;
    a {
      position: absolute;
      display: block;
      width: 120px;
      bottom: 50px;
      left: 50px;
      font-size: rem-calc(15);
      color: $t-gray;
      font-weight: bolder;
      line-height: 1.1;
      transition: all .25s ease;
      &:hover {
        color: #008932;}
      &:nth-child(3) {
        bottom: 40px;
      }  

    }
    
  }
}

Answer 1

[zmeika]

Нужно вынести nth-child из а, потому что вам нужен третий .item, а не третья ссылка.