.back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    width: 35px; /* Ancho igual al diámetro del botón */
    height: 35px; /* Altura igual al diámetro del botón */
    background-color: #FF5733; /* Color anaranjado rojizo */
    border-radius: 50%; /* Hace que el botón sea circular */
    text-align: center;
    line-height: 35px; /* Centra el contenido verticalmente */
    color: white; /* Color del texto */
    font-size: 14px; /* Tamaño del texto */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
}

/* Estilos para el icono dentro del botón */
.back-to-top i {
    color: white; /* Color blanco para el icono */
}

/* Estilos adicionales cuando el ratón pasa sobre el botón */
.back-to-top:hover {
    background-color: #FF4500; /* Cambia el color al pasar el ratón */
}