* {
    margin: 0;
    padding: 0;
}

body {

    overflow-x: hidden;
}

.contenedor-boton {

    -webkit-animation-name: button;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 7s;
    /* Safari 4.0 - 8.0 */
    animation-name: button;
    animation-duration: 4s;
    position: fixed;
    right: 2%;
    bottom: 6%;
    z-index: 5000;

}

.contenedor-boton ul {
    display: flex;
    list-style: none;

}

.contenedor-boton ul .icon-ctw-nov082017-jp {

    position: absolute;
    -webkit-animation-name: icon;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    /* Safari 4.0 - 8.0 */
    animation-name: icon;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    right: 65px;

}

@keyframes button {
    0% {
        right: -110%;
    }

    5% {
        right: -110%;
    }

    10% {
        right: -110%;
    }

    15% {
        right: -110%;
    }

    20% {
        right: -110%;
    }

    25% {
        right: -110%;
    }

    30% {
        right: -110%;
    }

    35% {
        right: -110%;
    }

    40% {
        right: -110%;
    }

    45% {
        right: -110%;
    }

    50% {
        right: -110%;
    }

    55% {
        right: -110%;
    }

    100% {
        right: 1%;
    }
}

@keyframes icon {

    /*0%{transform: translateX(68px);}
     25%{transform: translateX(65px);}
     50%{transform: translateX(68px);}
     75%{transform: translateX(65px);}
     100%{transform: translateX(68px);}*/
    0% {
        transform: translateX(68px);
    }

    10% {
        transform: translateX(68px);
    }

    20% {
        transform: translateX(68px);
    }

    30% {
        transform: translateX(68px);
    }

    40% {
        transform: translateX(68px);
    }

    50% {
        transform: translateX(68px);
    }

    60% {
        transform: translateX(68px);
    }

    70% {
        transform: translateX(65px);
    }

    80% {
        transform: translateX(68px);
    }

    90% {
        transform: translateX(65px);
    }

    100% {
        transform: translateX(68px);
    }

}


.contenedor-boton ul .burbuja-ctw-nov082017-jp {

    margin-top: 5%;
    margin-left: -3%;
}