Varia + children: Hover color stays default when the user changes the color of a block

[MaggieCabrera]

Steps to replicate

• Activate any Varia child theme (or Varia)
• Create a button, change its background color to the secondary color or a custom color.

Result

The hover background color doesn't fit the new color selected

Expected

If for example the color selected is the secondary color, the hover color should be something like background-color: #{map-deep-get($config-global, "color", "secondary", "hover")};, if the color selected is a custom color we can do something like lower the opacity of the color selected for the background. We should also consider if the text color needs to change as well, same thing with outlined buttons.

[MaggieCabrera]

This should be fixed on the block directly: WordPress/gutenberg#27075