.flashyRoundButton {
    position: absolute;
    background-color: #201616;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -150px;
    color: white;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
}

.flashyRoundButton:before, .flashyRoundButton:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000, #fb0094,
            #0000ff, #00ff00, #ffff00, #ff0000);
    background: linear-gradient(90deg,
            rgb(50, 150, 255), rgb(40, 120, 200), rgb(30, 90, 150),
            rgb(20, 60, 100), rgb(15, 45, 80), rgb(1, 33, 78),
            rgb(15, 45, 80), rgb(20, 60, 100), rgb(30, 90, 150), rgb(40, 120, 200), rgb(50, 150, 255), rgb(50, 150, 255));
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: steam 20s linear infinite;
    border-radius: 50%;
}

.flashyRoundButton:after {
    filter: blur(10px);
}

.flashy1:before, .flashy1:after {
    background: linear-gradient(90deg, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000, #fb0094,
            #0000ff, #00ff00, #ffff00, #ff0000, #ff0000);

}

.flashy2:before, .flashy2:after {
    background: linear-gradient(90deg, #00ff00, #ffff00, #ff0000, #fb0094,
            #0000ff, #00ff00, #ffff00, #ff0000, #fb0094, #0000ff, #00ff00);

}

.flashy3:before, .flashy3:after {
    background: linear-gradient(90deg, #ff0000, #fb0094,
            #0000ff, #00ff00, #ffff00, #ff0000, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000);

}

.flashy4:before, .flashy1:after {
    background: linear-gradient(75deg,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #3b90ff, #00ff00, #ffff00, #ff0000,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff);

}

.flashy5:before, .flashy2:after {
    background: linear-gradient(75deg,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #3b90ff, #00ff00, #ffff00, #ff0000,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff);

}

.flashy6:before, .flashy3:after {
    background: linear-gradient(75deg,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #3b90ff, #00ff00, #ffff00, #ff0000,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff,
            #ffffff, #ffffff, #ffffff, #ffffff);

}

.flashySquareContainer {
    position: absolute;
    width: 78px;
    height: 76px;
    cursor: pointer;
    margin: 1px 1px;
    top: 1px;
    border-radius: 15px;
}

.flashySquareContainer:before, .flashySquareContainer:after {
    content: '';
    position: absolute;
    border-radius: 15px;
    left: 0px;
    top: 1px;
    background-size: 800%;
    width: 78px;
    /*calc(100% + 1px);*/
    height: 76px;
    /*calc(100% + 1px);*/
    z-index: -1;
    animation: steam 90s linear infinite;
    border-radius: 15px;
}

.flashySquareContainer:after {
    filter: blur(2px);
}




@keyframes steam {
    0% {
        background-position: 800% 0;
    }


    100% {
        background-position: 0 0;
    }
}