.sg:not(.active){
color:#fff;
margin:0;
font-weight: bold;
width: fit-content;
padding:5px 10px;
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #219905, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
animation: glowing 20s linear infinite;
min-width: 120px;
text-align: center;
border-radius: 5px;
text-transform: capitalize;
background-size: 400%; }   .sg{
cursor:pointer;
}
.sg.active{
background:none!important;    
}
#btn_copy{
color:red;
}
#code{
width:100%;
height:100%;
background:none;
color:#000;
}
@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}