How to manage variables on hover in scss?

Question

css

Good afternoon! I didn’t find any information in Google, I need it to change its background from a predefined array of colors when hovering over the button.
Has anyone done something similar already?

Answer 1

What can't be done with CSS can't be done with SCSS.
CSS does not allow you to select a random attribute from the list, here you can’t do without JS.

Answer 2

Usually this is done at the JavaScript level.

Answer 3

$primary: blue;
$second: green;

button{
  background-color: $primary;
  &:hover{
    background-color: $second;
  }
}