@-webkit-keyframes hue {
                    from {
                        -webkit-filter: hue-rotate(0deg);
                        -moz-filter: hue-rotate(0deg);
                    }

                    to {
                        -webkit-filter: hue-rotate(-360deg);
                        -moz-filter: hue-rotate(-360deg);
                    }
                }

                @keyframes bganimation {
                    0% {
                        background-position: 0% 50%;
                    }

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

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

                .links-top ul.icon-list {
                    list-style: none;
                }

                    .links-top ul.icon-list li {
                        list-style: none;
                    }

                .links-top {
                    overflow: hidden;
                    margin: auto;
                    margin-bottom: 5px;
                    /*border-radius:5px;*/ padding-bottom: 5px;
                    background: #fff;
                    margin-top: 5px;
                }

                    .links-top ul li {
                        float: left;
                        padding: 5px 0;
                        width: 10%;
                        text-align: center
                    }

                        .links-top ul li img {
                            margin: 0 auto;
                            padding: 4px;
                            width: 50px;
                            height: 50px;
                            border-radius: 5px
                        }

                        .links-top ul li a div {
                            font-weight: bold;
                            color: #f35626;
                            background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
                            -webkit-background-clip: text;
                            -webkit-text-fill-color: transparent;
                            -webkit-animation: hue 10s infinite linear;
                        }

                        .links-top ul li a button {
                            /*! width: 0.75rem; */
                            /*! height: 0.3rem; */
                            /*! line-height: .3rem; */
                            /*! margin: 0.2rem auto 0 auto; */
                            border: 1px solid #fff;
                            border-radius: 0.8rem;
                            color: white;
                            background-color: #ff4ba1;
                            font-size: 12px;
                            margin-top: 5px;
                            box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px;
                            background-image: linear-gradient(125deg,#ff4ba1,orange,#8476ee,#00ff00);
                            background-size: 400%;
                            animation: bganimation 20s infinite;
                        }

                @media screen and (min-width:750px) {
                    ul.icon-list li {
                        width: 12.5%
                    }
                }

                @media screen and(max-width:768px) {
                    .links-element ul li {
                        width: 33.3333%
                    }

                    .links-top ul.icon-list li {
                        width: 20%
                    }
                }

                @media screen and (max-width:544px) {
                    .links {
                        padding: 0 5px
                    }

                    .links-element ul li {
                        width: 49%
                    }

                    .links-top ul.icon-list li {
                        width: 25%
                    }
                }

                @-webkit-keyframes hue {
                    from {
                        -webkit-filter: hue-rotate(0deg);
                        -moz-filter: hue-rotate(0deg);
                    }

                    to {
                        -webkit-filter: hue-rotate(-360deg);
                        -moz-filter: hue-rotate(-360deg);
                    }
                }

                @keyframes bganimation {
                    0% {
                        background-position: 0% 50%;
                    }

                    60% {
                        background-position: 100% 50%;
                    }

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

              .links-top ul.icon-list {
                    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
                }

                    .links-top ul.icon-list li {
                        list-style: none;
                    }

                .links-top {
                    overflow: hidden;
                    margin: auto;
                    margin-bottom: 10px; /*border-radius:5px;*/
                    padding-bottom: 5px;
                    background: #fff;
                    margin-top: 5px;
                }

                    .links-top ul li {
                        float: left;
                        padding: 5px 0;
                        width: 22.5%;
                        text-align: center
                    }

                        .links-top ul li a div {
                            font-weight: bold;
                            color: #f35626;
                            background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
                            -webkit-background-clip: text;
                            -webkit-text-fill-color: transparent;
                            -webkit-animation: hue 10s infinite linear;
                        }

                        .links-top ul li a button @media screen and (min-width:750px) {
                            ul .icon-list li

                {
                    width: 12.5%
                }

                }
 .links-top a span {
                font-size:0.3rem;
                } 
                @media screen and(max-width:768px) {
                    .links-element ul li {
                        width: 33.3333%
                    }

                    .links-top ul.icon-list li {
                        width: 20%
                    }
                }

                @media screen and (max-width:544px) {
                    .links {
                        padding: 0 5px
                    }

                    .links-element ul li {
                        width: 49%
                    }

                    .links-top ul.icon-list li {
                        width: 25%
                    }
                }