デバイス画面のサイズに応じてボタンのサイズを適応させ、また赤でカーソルの変更を通過するときに適応したいと思います。
ボタンの大きさをデバイスの画面サイズに合わせるには、グラフィック・ウィンドウの幅のパーセンテージを示す "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コードを変更することができます。