I have an angular-material link button element:
<a mat-button>Link</a>
I wanted to change its hover background to a bold white color, so in my global styles.css file I defined:
.mat-button-focus-overlay {
background: rgba(255, 255, 255, 0.8)!important;
}
The link itself does not have any additional styles. I can see that the background color on hover has indeed changed to white, but to a very pale white, despite the fact that the opacity is set to 0.8. Is there a way to fix that?
Thanks.