ボタンの大きさをデバイスの画面サイズに合わせるには、グラフィック・ウィンドウの幅のパーセンテージを示す "vw" という単位を使うことができます。ホバー時のボタンの色を変更するには、擬似クラス「:hover」を使用してボタンの背景色を変更します。以下にCSSコードの例を示します：

```
button {
  font-size: 2vw; /* Tamaño del botón adaptado al ancho de la pantalla */
  background-color: blue; /* Color de fondo azul */
  color: white; /* Color del texto blanco */
  border-radius: 10px; /* Bordes redondeados */
  border: none; /* Sin borde */
  padding: 10px 20px; /* Espacio interno del botón */
}

button:hover {
  background-color: red; /* Color de fondo rojo al pasar el cursor por encima */
  cursor: pointer; /* Cambio de cursor al pasar el cursor por encima */
}
```

ボタンのサイズや色もお好みで調整できることに注意してください。このベースがあれば、特定のニーズに合わせてCSSコードを変更することができます。
Para hacer que el tamaño del botón se adapte al tamaño de la pantalla del dispositivo, puedes usar la unidad de medida "vw" que se refiere al porcentaje del ancho de la ventana gráfica. Para cambiar el color del botón al pasar el cursor por encima, puedes usar la pseudo-clase ":hover" y cambiar el color de fondo del botón. Aquí te dejo un ejemplo de código CSS que puedes utilizar:

button {
  font-size: 2vw; /* Tamaño del botón adaptado al ancho de la pantalla */
  background-color: blue; /* Color de fondo azul */
  color: white; /* Color del texto blanco */
  border-radius: 10px; /* Bordes redondeados */
  border: none; /* Sin borde */
  padding: 10px 20px; /* Espacio interno del botón */
}

button:hover {
  background-color: red; /* Color de fondo rojo al pasar el cursor por encima */
  cursor: pointer; /* Cambio de cursor al pasar el cursor por encima */
}

Ten en cuenta que también puedes ajustar el tamaño del botón y los colores a tu gusto. Con esta base, puedes modificar el código CSS para que se ajuste a tus necesidades específicas.