<div class="col-3">
  <ul>
    <li>
      <a href="#" class="dropdown-child-item">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</a>
    </li>
    <li>
      <a href="#" class="dropdown-child-item">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</a>
    </li>
    <li>
      <a href="#" class="dropdown-child-item">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</a>
    </li>
    <li>
      <a href="#" class="dropdown-child-item">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</a>
    </li>
    <li>
      <a href="#" class="dropdown-child-item">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</a>
    </li>
    <li>
      <a href="#" class="dropdown-child-item">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</a>
    </li>
  </ul>
</div>

li {
  padding-top: 22px;
  width: 300px;
  list-style-type: none;
  a {
    margin: auto;
    text-decoration: none;
    color: #08131f;
    font-family: Calibri;
    font-size: 15px;
    font-weight: 700;
  }
  a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 10px;
    height: 5px;
    background: #d5d5d5;
  }
  a:hover:before {
    transition: 0.4s;
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 25px;
    height: 5px;
    background: #e60000;
  }
}