¿Puedes crearme un botón azul con bordes redondeados en HTML y CSS?
¡Claro! Para crear un botón azul con bordes redondeados en HTML y CSS, puedes seguir estos pasos:

    Crea un archivo HTML y agrega un botón dentro de un elemento <button> con un texto dentro del mismo, como este:

html

<button>Presiona aquí</button>

    Crea un archivo CSS y agrega un estilo para el botón, como este:

css

button {
  background-color: blue;
  color: white;
  border-radius: 10px;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

Este código establece el color de fondo del botón en azul, el color del texto en blanco, agrega bordes redondeados de 10 píxeles, borra el borde del botón, establece el relleno en 10 píxeles por arriba y abajo, y 20 píxeles por la izquierda y derecha, establece el tamaño de fuente en 16 píxeles y cambia el cursor del mouse al cursor de mano para indicar que el botón es clickeable.

    Enlaza el archivo CSS con el archivo HTML agregando una etiqueta <link> en la sección <head> del archivo HTML, como este:

html

<head>
  <link rel=stylesheet type=text/css href=styles.css>
</head>

¡Listo! Ahora tienes un botón azul con bordes redondeados en tu página web.
Quisiera que el tamaño del botón se adapte según el tamaño de la pantalla del dispositivo y también que al pasar por encima el cursor cambie a color rojo.
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.