画面にボタンを集めるには、次のCSSコードを使用できます。

.boton-azul {
バックグラウンドカラー：＃2196f3;
色：白;
ボーダーラジウス：20px;
パディング：10px 20px;
国境：なし;
カーソル：ポインター;
位置：絶対;
トップ：50％;
左：50％;
変換：翻訳（-50％、-50％）;
}

このCSSコードは、「位置」プロパティを使用して、ボタンの位置、「上」、「左」を確立し、画面の中央に配置する必要があることを指定し、「変換」してわずかに上に移動し、左。このようにして、ボタンはそのサイズに関係なく画面の中心になります。
Para centrar el botón al medio de la pantalla, se puede utilizar el siguiente código CSS:

.boton-azul {
background-color: #2196F3;
color: white;
border-radius: 20px;
padding: 10px 20px;
border: none;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

Este código CSS utiliza la propiedad "position" para establecer la posición del botón, "top" y "left" para especificar que se debe colocar en el centro de la pantalla, y "transform" para desplazarlo ligeramente hacia arriba y hacia la izquierda. De esta manera, el botón estará centrado en la pantalla independientemente del tamaño de la misma.