Target :: after in: hover state

Question

Как настроить таргетинг на элемент :: after: hover?

<button class="panel-watch"> 
Watch online 
::after 
</button> 

Я попытался это, но это не похоже, чтобы сделать это:

button.panel-watch:hover ::after { 
border-color:white transparent transparent transparent!important; 
} 

Я бы просто повторно джиггер HTML/CSS, чтобы соответствовать лучше, но он выходит из коробки, как это.

Answer 1

Удалить пространство между:

button.panel-watch:hover::after {} 

---

пространство, в между hover и ::after означает селектор ищет дочерний элемент button.panel-watch.