.btnScrollToTop {
    /*
    position: fixed;
    right: 0.625rem;
    bottom: 0.625rem;
    /*10px*/
    /*
    width: 3.125rem;
    height: 3.125rem;
    /*50px*/
    /*
    border-radius: 50%;
    background-color: #e62739;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.25);
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    */
    /*Apartir de aqui es el codigo para el anterior "btnScrollTotopResponsive"  pero responsive*/
    position: fixed;
    right: 0.625rem;
    bottom: 5rem;
    /*10px*/
    width: 3.125rem;
    height: 3.125rem;
    /*50px*/
    border-radius: 50%;
    background-color: #B10EB3;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.25);
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2;
}


/*Inicio de esta clase la declare para hacer el cambio si es detectado por safari*/

.btnScrollToTopResponsive {
    /*
    position: fixed;
    right: 0.625rem;
    bottom: 0.625rem;
    /*10px*/
    /*
    width: 3.125rem;
    height: 3.125rem;
    /*50px*/
    /*
    border-radius: 50%;
    background-color: #e62739;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.25);
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    */
    /*Apartir de aqui es el codigo para el anterior "btnScrollTotopResponsive"  pero responsive*/
    position: fixed;
    right: 0.625rem;
    bottom: 5rem;
    /*10px*/
    width: 3.125rem;
    height: 3.125rem;
    /*50px*/
    border-radius: 50%;
    background-color: transparent;
    color: rgb(255, 0, 0);
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2;
}


/*Fin declaracion de esta clase para hacer el cambio si es detectado por safari*/

.btnScrollToTop:active {
    background-color: #cc2333;
}


/*
.btnScrollTotopResponsive {
    position: fixed;
    right: 0.625rem;
    bottom: 5rem;
    /*10px*/


/*
    width: 3.125rem;
    height: 3.125rem;
    /*50px*/


/*
    border-radius: 50%;
    background-color: #e62739;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.25);
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2;
}
*/

@media (max-width:830px) {
    .btnScrollToTop {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
    }
}