como puedo conseguir un botón personalizado

Hola

Para que ese código CSS te funcione, tienes que integrarlo con el HTML del botón, el botón tendría que tener una clase llamada : boton-prototipo

Sin embargo ten en cuenta que el tipo de letra Metric que estas usando no es una fuente estandard y es posible que no te funcione el tipo de letra.

Si no conoces mucho de HTML con CSS, mejor no usar esto ya que te puede complicar, busca mejor algún plugin que te facilite el trabajo.

Saludos.

No conozco extensiones para hacer botones simples, planos que cambien de color con hover y nada más, yo también lo preferiría, pero veo que si escribo así funciona. Muchas Gracias

Hola

Para lo que comentas prueba con el hover, por ejemplo:

.boton-prototipo:hover {
	color:white;
	background-color:red;
	border-color:red;
}

revisa:
https://www.w3schools.com/cssref/sel_hover.asp

Saludos.