Button formatting

Hi

I'm using the below CSS to format my buttons site-wide (standard Gutenberg buttons).
I'm happy with how these are displaying on desktop but on mobile the formatting breaks.

/* Button border */
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, a.wp-block-button__link:not(.has-background) {
    pointer-events: initial !important;
    border: 3px solid;
		border-color: #48bc78
}

	/* Button hover */
	button:hover, 
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
a.button:hover, 
a.wp-block-button__link:not(.has-background):hover {
	background: #48bc78;
	color: black;
}

Any ideas?