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.
หากต้องการให้ขนาดปุ่มพอดีกับขนาดของหน้าจออุปกรณ์ คุณสามารถใช้หน่วยวัด "vw" ซึ่งหมายถึงเปอร์เซ็นต์ของความกว้างวิวพอร์ต หากต้องการเปลี่ยนสีของปุ่มเมื่อโฮเวอร์ คุณสามารถใช้คลาสหลอก ":hover" และเปลี่ยนสีพื้นหลังของปุ่มได้ นี่คือตัวอย่างโค้ด CSS ที่คุณสามารถใช้: ปุ่ม { ขนาดตัวอักษร: 2vw; /* ขนาดปุ่มปรับให้เหมาะกับความกว้างของหน้าจอ */ สีพื้นหลัง: สีน้ำเงิน; /* สีพื้นหลังสีน้ำเงิน */ สี: ขาว; /* สีตัวอักษรสีขาว */ รัศมีเส้นขอบ: 10px; /* เส้นขอบโค้งมน */ เส้นขอบ: ไม่มี; /* ไม่มีเส้นขอบ */ ช่องว่างภายใน: 10px 20px; /* พื้นที่ภายในของปุ่ม */ } ปุ่ม: โฮเวอร์ { สีพื้นหลัง: สีแดง; /* สีพื้นหลังสีแดงเมื่อโฮเวอร์ */ เคอร์เซอร์: ตัวชี้; /* เปลี่ยนเคอร์เซอร์เมื่อโฮเวอร์ */ } โปรดทราบว่าคุณสามารถปรับขนาดและสีของปุ่มตามที่คุณต้องการได้ ด้วยพื้นฐานนี้ คุณสามารถแก้ไขโค้ด CSS ให้เหมาะกับความต้องการเฉพาะของคุณได้
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence