<table class="product__table">
          <tr class="product__table-row">
            <td class="product__table-title">Размер дома</td>
            <td class="product__table-value">4x6,9 м</td>
          </tr>
          <tr class="product__table-row">
            <td class="product__table-title">Площадь застройки</td>
            <td class="product__table-value">30 м<sup>2</sup></td>
          </tr>
          <tr class="product__table-row">
            <td class="product__table-title">Срок строительства</td>
            <td class="product__table-value">20 дней</td>
          </tr>
        </table>

.product__table {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 50px;
}

.product__table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 42px 15px 17px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  &:last-child {
    border: 0;
  }
}

.product__table-title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  font-family: var(--font-family-second);
  position: relative;
  padding-left: 47px;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px;
  }

  &:nth-child(2)::before {
    background: url(../img/product-info-area.png);
  }
  &:nth-child(3)::before {
    background: url(../img/product-info-clock.png);
  }
}

.product__table-row:nth-child(1) .product__table-title::before {
  background: url(../img/product-info-tape.png);
}
.product__table-row:nth-child(2) .product__table-title::before {
  background: url(../img/product-info-area.png);
}
.product__table-row:nth-child(3) .product__table-title::before {
  background: url(../img/product-info-clock.png);
}

.product__table-value {
  color: var(--color-black);
  font-size: 18px;
  font-weight: 700;
}