アクションによって別の要素のスタイルを変更

動作イメージ

※文字の位置がずれているのは無視して下さい

実装

/* ①要素内 */
.post-line {
  ul.actions {
    opacity: 0;
  }

  &:hover .actions {
    opacity: 1;
  }
  /* OR */
  &:hover > .col-md-3 .actions {
    opacity: 1;
  }
}

/* ②要素と同位置 */
.line {
  opacity: 0;
}
.post-line + .line{
  &:hover + hr {
    opacity: 1;
  }
}

<div class="row post-line"> <!-- ここをhover -->
  <div class="col-md-9">
    <header>
      <h3 class="change-pointer post_title" onclick="location.href='/posts/c1c2b74b-cabf-45b4-8c31-4290e009f8c5'"> テスト
        <p class="date mb-0"> 2019年07月03日 </p>
      </h3>
    </header>
  </div>
  <div class="col-md-3">
    <ul class="actions none-border"> <!-- ①レイアウトを変更 -->
      <li>
        <a class="fa fa-edit" href="/posts/c1c2b74b-cabf-45b4-8c31-4290e009f8c5/edit">編集</a>
        <a data-confirm="記事を削除しますか？" class="fa fa-trash-o" rel="nofollow" data-method="delete" href="/posts/c1c2b74b-cabf-45b4-8c31-4290e009f8c5">削除</a>
      </li>
    </ul>
  </div>
</div>
<hr class="line"> <!-- ②レイアウトを変更 -->

[CSSのhoverで別の要素の値を変更させる方法【初心者向け】

TechAcademyマガジン](https://techacademy.jp/magazine/19418)