Syntax for a Rich Text formula field type which changes color on hover before click

There is a post here which explains how to get a formula rich text button to change color when hovered. 

Here is an what was used to create the effect: "<a class='Vibrant Primary' style=\"width:310px; text-align: center; background-color:#6BBD57; Your button function code goes here>Your Button Name Goes Here</a>" https://community.quickbase.com/communities/community-home/digestviewer/viewthread?MessageKey=982fbbc5-96fc-4863-a768-8201b12d92b0&CommunityKey=d860b0f8-6a48-487b-b346-44c47a19a804&tab=digestviewer#bm982fbbc5-96fc-4863-a768-8201b12d92b0

Rich Text

But I am looking to get a similar effect on syntax below where I have more control over the size of the button and the color.  Does anyone have some example working code to post from one of your apps which would do that?

$Button Words = "Word formula here";

var text txtcolor = "white";
var text style = "style=\"text-decoration: none; width: 70px; text-align: center; background:" & $bgcolor & "; border-radius: 5px; padding: 8px 5px; color: " & $txtcolor & "; display: inline-block; font: normal 700 24px/1 \"Calibri\", sans-serif; text-shadow: none;";
// End button style

"<a " & $style & " href=" & $URL & ">" & $ButtonWords & "</a>"

------------------------------
Mark Shnier (YQC)
Quick Base Solution Provider
Your Quick Base Coach
http://QuickBaseCoach.com
mark.shnier@gmail.com
------------------------------