@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

        #container_pk_button {
            position: fixed;
            margin: auto;
            overflow: hidden;
            width: 250px;
            height: 250px;
            bottom: 50px;
            z-index: 10;
        }
        
        button,
        .dot {
            cursor: pointer;
        }
        
        .dot {
            width: 8px;
            height: 8px;
            color: #fff;
            border-radius: 50%;
            position: absolute;
            top: 4%;
            right: 6%;
        }

        .green_pk_button {
            color: #70b67b;
            font-size: 20px;
            margin-bottom: 0px;
        }

        #success-box_pk_button {
            position: absolute;
            width: 230px;
            height: 220px;
            background: linear-gradient(to bottom right, #9ddc52 40%, #65ad83 100%);
            border-radius: 50px 10px 50px 0px;
            box-shadow: 5px 5px 20px #CBCDD3;
            perspective: 40px;
        }

        .face_pk_button {
            position: absolute;
            width: 80%;
            height: 22%;
            border-radius: 50%;
            top: 21%;
            left: 25.5%;
            z-index: 2;
            animation: bounce 1s ease-in infinite;
            font-size: 27px;
            font-weight: 700;
            color: #ffffff;
            font-family: cursive;
        }

        .shadow_pk_button {
            position: absolute;
            width: 50%;
            height: 3%;
            opacity: 0.4;
            background: #777777;
            left: 25%;
            top: 52%;
            border-radius: 50%;
            z-index: 1;
        }

        .scale_pk_button {
            animation: scale 1s ease-in infinite;
        }

        .button-box_pk_button {
            position: absolute;
            background: #FCFCFC;
            width: 50%;
            height: 15%;
            border-radius: 20px;
            top: 65%;
            left: 25%;
            outline: 0;
            border: none;
            box-shadow: 2px 2px 10px rgba(#777777, .5);
            transition: all .5s ease-in-out;
        }

        @keyframes bounce {
            50% {
                transform: translateY(-10px);
            }
        }

        @keyframes scale {
            50% {
                transform: scale(0.9);
            }
        }

        @keyframes roll {
            0% {
                transform: rotate(0deg);
                left: 25%;
            }

            50% {
                left: 60%;
                transform: rotate(168deg);
            }

            100% {
                transform: rotate(0deg);
                left: 25%;
            }
        }

        @keyframes move {
            0% {
                left: 25%;
            }

            50% {
                left: 60%;
            }

            100% {
                left: 25%;
            }
        }