Как при наведении на родительский блок изменить цвет границы дочернего блока?

.parent {
  background-color: chocolate;
  padding: 20px;
}

.children {
  background-color: gold;
  padding: 20px;
  border: 5px solid;
  border-color: white;
  transition: all 0.8s;
}

.parent:hover .children {
  border-color: red;
}

<div class="parent">
  <div class="children">block</div>
  text
</div>