Как сделать hover для псевдо-треуголника?

Question

[colddave]

Треугольник является псевдо-элементом после кнопки. Нужно сделать так,
чтобы при наведении на кнопку менялся цвет треугольника.

<div class="prew-butt button">25500 Р.</div>

.prew-butt{
  position: relative;
  width:122px;
  /*min-height: 38px;*/
  margin-left:27px;
  margin-right: 39px;
}
.prew-butt::after{
  top:0;
  right:-57px;
  position: absolute;
  width:20px;
  content:"";
  border: 19px solid transparent; 
  border-left: 19px solid  #ee3643;
}
.button{

  background-color: #ee3643;
  border-radius: 2px;
  font-family: 'Cuprum', sans-serif;
  font-weight:bold;
  font-size: 14px;
  color:white;
  padding-top: 10.5px;
  padding-bottom: 10.5px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;

}

Answer 1

[gassmonkey]

.prew-butt:hover::after{
  border-left: 19px solid  #xxxxxx;
}

Answer 2

[Даниил Игоревич]

.prev-butt:hover::after {
}