Button hover customization doesn't seem to work

I have a custom button class that I’m trying to use hover with:

.myButton {
	--aui-btn-bg: CornflowerBlue;
	--aui-btn-txt: White;
	font-weight: bold;
	margin-top:10px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 2px #CDCDCD; }

.myButton:hover {  
	--aui-btn-bg: White;
	--aui-btn-txt: CornFlowerBlue;  
	font-weight: bold;
}

the problem i’m having is on hover, the background color change but the text color change doesn’t.

I think i figured it out. The problem was trying to directly use the link button macro directly instead of implementing the button manually in html.