#cumbutton {
    display: block;
    width: 200px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: calc(50vw + 140px);
    text-align: center;
    padding-top: 2px;

    cursor: url('/img/pawcursor_highlight.png'), auto;

    background-color: rgba(252, 235, 255, 0.9);
    background-image: url("/img/pinkhrtsbg.gif");
    background-size: 25%;

    color: rgb(255, 104, 242);
    font-family: 'Super Joyful';
    font-size: 35px;
    text-shadow: 
    2px 2px 0px rgb(227, 194, 224),
    -2px -2px 0px rgb(255, 255, 255)
    ;

    border: 2px solid white;
    border-radius: 15px;   
}

.on-cooldown {
    opacity: 0.5;
}

#cumbutton:hover {
    color: rgb(255, 151, 246);
    animation: 
        pulsate-shadow 1s ease-in-out infinite alternate,
        jiggle 0.1s linear infinite alternate;
}

#cumbutton:active {
    top: 32px;
    color: rgb(255, 255, 255);
}

#cumbutton-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(59, 17, 70, 0.5);

    display: flex;
    justify-content: center;
    align-items: center;

    animation: img-appear 1s ease-in-out backwards;
}

#cumbutton-popup-window {
    width: 500px;
    height: 170px;
    padding: 15px;
    margin: 300px auto;

    background-color: rgba(252, 235, 255, 0.9);
    background-image: url("/img/rainbowsparkle.png");
    background-size: 25%;

    border: 3px solid white;
    border-radius: 25px;

    color: rgb(255, 255, 255);
    font-family: 'Super Joyful';
    font-size: 35px;
    text-shadow: 0px 0px 5px rgb(255, 110, 243),
    1px 1px 0px rgb(255, 110, 243),
    -1px -1px 0px rgb(199, 79, 255),
    0px -1px 0px rgb(199, 79, 255),
    -1px 0px 0px rgb(199, 79, 255)
    ;

    position: relative;

    animation: silly-spin-appear 1s ease-out;
}

#cumbutton-popup-img {
    width: 100px;
    height: 100px;
    background-image: url("/img/wippy cum.png");
    background-size: contain;
    background-repeat: no-repeat;

    position: absolute;
    left: 200px;
    bottom: 125px;
    z-index: -2; 

    animation: bottom-peek-img 3s ease-in-out 2s both;
}

#cumbutton-popup span { 
    display: flex;
    justify-content: center;
    top: 20px;
    gap: 10px;
    margin: 15px 0px;
}

#cumbutton-popup button {
    background-color: rgb(255, 227, 254);
    border: 3px solid white;
    border-radius: 15px;

    color: rgb(244, 78, 230);
    font-family: 'Super Joyful';
    font-size: 20px;
    text-shadow: 
    2px 2px 0px rgb(227, 194, 224),
    -2px -2px 0px rgb(255, 255, 255)
    ;

    cursor: url('/img/pawcursor_highlight.png'), auto;

    width: 150px;
    height: 60px;
}

#cumbutton-popup span button:hover {
    animation: 
        pulsate-shadow 1s ease-in-out infinite alternate,
        pulsate-button 0.5s linear infinite alternate;
}

#cumbutton-popup span button:active {
    background-color: #fffbfb;
    top: 3px;
    color: pink;
}

#cumbutton-popup-header {
    text-align: center;
    font-size: 45px;
    margin: -10px 0px;
    letter-spacing: 3px;
}

#cumbutton-popup-header-2 {
    text-align: center;
    font-size: 25px;
    letter-spacing: 5px;
    font-variant: small-caps;
    margin-top: 10px;
    margin-bottom: -13px;
}

#cumbutton-WIPARP {
    width: 500px;
    height: 500px;
    position: fixed;
    bottom: 0px;
    right: calc(50vw - 400px);
    display: none;
    z-index: 51;
}
#cumbutton-WIPARP-tissues {
    width: 500px;
    height: 500px;
    position: fixed;
    bottom: 0px;
    right: calc(15vw);
    display: none;
    z-index: 51;

    cursor: url('/img/pawcursor_highlight.png'), auto;

}
.cumbutton-WIPARP-arising {
    animation: bottom-peek 5s ease-out 1 4s backwards;
}
.tissues-taken {
    animation: bottom-peek 3s linear both reverse;
}
#cumbutton-pinkie {
    height: 300px;
    width: auto;
    position: fixed;
    bottom: -30px;
    left: 50px;
    display: none;
    z-index: 51;
    transform-origin: bottom center;

    animation: 
        bottom-peek 1s ease-out 1 0s backwards,
        wiggle-lr 2s ease-in-out infinite alternate,
        bottom-peek 4s ease-out 1 5s forwards reverse;
}
#cumbutton-tissue {
    height: 50vw;
    width: auto;
    position: fixed;
    top: 25vw;
    left: 15vw;
    display: none;

    z-index: 52;

    animation: 
        arise-tissue 2s linear 1,
        move-tissue 0.3s linear 8 2s alternate,
        arise-tissue 2s linear 1 5s forwards reverse;
}
@keyframes arise-tissue {
    0% {
        top: 100vw;
    }
    100% {
        top: 25vw;
    }
}
@keyframes move-tissue {
    0% {
        top: 25vw;
        left: 15vw;
        rotate: 0deg;
    }
    100% {
        top: 35vw;
        left: 30vw;
        rotate: 35deg;
    }
}

@keyframes wiggle-lr {
    from { rotate: -15deg; }
    to { rotate: 15deg; }
}
@keyframes jiggle {
    from { translate: 0px 0px; }
    to { translate: 0px 6px; }
}
@keyframes pulsate-shadow {
    from { box-shadow: 0px 0px 0px white; }
    to { box-shadow: 0px 0px 25px white; }
}
@keyframes pulsate-button {
    0% { rotate: y 0deg; }
    100% { rotate: y -25deg; }
}

@media (max-width: 1000px) {
    #cumbutton-pinkie {
        height: 150px;
        width: auto;
        position: fixed;
        bottom: -30px;
        left: 10px;
        z-index: 10000;
    }
    #popup-WIPARP {
        width: 500px !important;
        height: 500px !important;
        position: fixed;
        bottom: 0px;
        right: auto;
        left: 50px;
        z-index: 10000;
    }
    #cumbutton-WIPARP-tissues {
        position: fixed;
        bottom: 0px;
        right: auto;
        left: 2vw;
        
        z-index: 10000;
    }
    #cumbutton {

        

        width: 100px;
        height: 50px;
        position: absolute;
        top: 30px;
        left: auto;
        right: 40px;
        margin: 0px 0px;
        padding: 0px 0px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #cumbutton-popup-window {
        width: 80vw;
        
    }


    #cumbutton-popup button {
       
        font-size: 12px;
        
        width: 150px;
        height: 60px;
    }

}