.header-button a {
    background-image: repeating-linear-gradient(to right, #49006B, #FE6AFD, #49006B);
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    background-size: 200% auto;
    background-position: 0 100%;
    animation: 2s infinite gradient;
}
@keyframes gradient {
            0% {
                background-position: 0 0;
            }

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


@keyframes yellow-shadow {
            0%, 100% {
                top: 0;
                left: 0;
            }

            25% {
                top: 50%;
                left: 0;
            }

            50% {
                top: 50%;
                left: 50%;
            }

            75% {
                top: 0;
                left: 50%;
            }
        }

        @keyframes cyan-shadow {
            0%, 100% {
                right: 0;
                bottom: 0;
            }

            25% {
                right: 0;
                bottom: 50%;
            }

            50% {
                right: 50%;
                bottom: 50%;
            }

            75% {
                right: 50%;
                bottom: 0;
            }
        }

        .button:before {
            left: 0;
            top: 0;
            -webkit-box-shadow: 0 0 17px 3px #ffff01, 0 0 4px 2px #ffff01;
            box-shadow: 0 0 17px 3px #ffff01, 0 0 4px 2px #ffff01;
            -webkit-animation-name: yellow-shadow;
            animation-name: yellow-shadow;
        }

        .button:after {
            right: 0;
            bottom: 0;
            -webkit-box-shadow: 0 0 17px 3px #0ff, 0 0 4px 2px #0ff;
            box-shadow: 0 0 17px 3px #0ff, 0 0 4px 2px #0ff;
            -webkit-animation-name: cyan-shadow;
            animation-name: cyan-shadow;
        }

        .button:after,.button:before {
            content: "";
            position: absolute;
            width: 50%;
            height: 50%;
            z-index: -1;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            border-radius: 7px;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            -ms-border-radius: 7px;
            -o-border-radius: 7px;
        }
footer {background:#FE6AFD;}
.ux-menu-link__text{color: white;}
.ux-menu-link__text:hover{color: #FE6AFD;}