Hover state color to be changed

[leeejune]

Please verify the version of auro-button you have installed

@current

Please describe the bug

1. Go to https://auro.alaskaair.com/components/auro/button#:~:text=element%20be%20used.-,Default,-Example
2. Hover over the secondary button
3. See transparent background

Reproducing the error on the docsite

This issue is reproducible on the Auro docsite

Expected behavior

The hover color should be a combination of a white background (auro-color-background-lightest) and the hover color (auro-color-ui-bkg-hover-on-light).

When hovering over the button, it should not become transparent.

What browsers are you seeing the problem on?

No response

Additional context

This issue is related to the back-to-top component.

Exit criteria

No response

[blackfalcon]

@leeejune is this a new spec or a regression? The work we did in the past was to update the tertiary button 615d5d6

I can't find a reference to updating the secondary.

[braven112]

We'll need to finalize the background color for each hover state for each secondary button.

[Patrick-Daly-AA]

for future reference: https://www.geeksforgeeks.org/css-combine-background-image-with-gradient-overlay/

[jordanjones243]

for future reference: https://www.geeksforgeeks.org/css-combine-background-image-with-gradient-overlay/

This will not work because linear-gradient does not combine two colors into one solid color, but rather transitions from one color to another in a certain direction.

[jordanjones243]

Moving this ticket as blocked, as it is a part of a PR that has another blocked ticket:

• #229