Back to Top button focus hover color

There seems to be a minor issue with the Back to Top button color when you have a hover color set up in the Customizer (applicable to GeneratePress Premium only). This is particularly obvious on single page websites with Smooth scroll activated.

Whenever you hover over the button and click on it to go to the top, the button inherits the hover color next time it is visible on the screen. You would need to click outside the button somewhere on the screen to get the button to reset to the original no hover color.

To solve the issue, you can use the following CSS:

/* Reset Back to Top button hover state */

/* Use original Back to Top button background color set in the Customizer */
.generate-back-to-top:focus {
	background-color:#ab2eba;
}

/* Use original Back to Top button hover background color set in the Customizer */
.generate-back-to-top:focus:hover {
	background-color:#ad39ba; 
}

Now when you click the button to scroll up to the top, the button will reset back to the background and hover color next time it is visible on the screen. Adjust normal and hover state colors accordingly as they are set in the Customizer.