В чем может быть проблема не работы 2х одинаковых блоков?

Question

[Darkness]

Нижний работает (2), верхний нет(1), при этом код у них одинаковый, буду благодарен за помощь!

<div class="notifications-social-icq-do">
                  <p class="notifications-social-icq-do-p">1. Скопируйте команду авторизации</p>
                    <div class="notifications-social-icq-do-icon_1">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>
                  <p class="notifications-social-icq-do-p">2. Перейдите в чат и отправьте команду боту</p>
                    <div class="notifications-social-icq-do-icon_2">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>
              </div>

.notifications-social-icq-do i {
    color: #BBBEC9;
}

.notifications-social-icq-do i:hover {
    color: #687189;
}

.notifications-social-icq-do button {
    border: none;
    background: #f4f4f6;
}

.notifications-social-icq-do-icon_1 {
    position: absolute;
    width: 50px;
    height: 50px;
    padding-left: 200px;
    padding-top: 30px;
}

.notifications-social-icq-do-icon_2 {
    position: absolute;
    width: 50px;
    height: 50px;
    padding-left: 200px;
    padding-top: 95px;
}

Comments

[Darkness]

Т.е. при наводке выделяется, но верхний даже не дает знать что оно кнопка

[Дмитрий]

скорее всего перекрытие нижним блоком верхний, посмотрите в испекторе

Пример

Answer 1

[Darkness]

Спасибо за наводку Дмитрий совсем что-то вылетило из головы перекрытие.
В любом случае вот исправленый код:

<div class="notifications-social-icq-do">
                  <p class="notifications-social-icq-do-p p1">1. Скопируйте команду авторизации</p>
                    <div class="notifications-social-icq-do-icon_1">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>
                  <p class="notifications-social-icq-do-p">2. Перейдите в чат и отправьте команду боту</p>
                    <div class="notifications-social-icq-do-icon_2">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>

.notifications-social-skype-do-p {
    margin-top: 23px;
    width: 190px;
    height: 30px;
    display: flex;
    font-size: 14px;
    color: #2C2C2C;
}

.notifications-social-skype-do i {
    color: #BBBEC9;
}

.notifications-social-skype-do i:hover {
    color: #687189;
}

.notifications-social-skype-do button {
    border: none;
    background: #f4f4f6;
}

.notifications-social-skype-do-icon_1 {
    position: absolute;
    padding-left: 200px;
    margin-top: 25px;
}

.notifications-social-skype-do-icon_2 {
    padding-left: 200px;
    padding-bottom: 150px;
}