/*starting css moneroking*/


button{

--gradient_rotate: 0deg; 

--border_width: 0.68rem; 

--metal_01: rgb(200 200 220 / 1.0);  
--metal_02: rgb(160 160 180 / 1.0); 
--metal_03: rgb(120 120 140 / 1.0); 
--metal_04: rgb(080 080 100 / 1.0); 
--metal_05: rgb(040 040 060 / 1.0); 
--metal_06: rgb(010 010 010 / 1.0);   
  
    width: 200px;
    height: 200px;
    padding: 0;

position: relative;
cursor: pointer; 
 
background: linear-gradient(0deg,
            rgb(010 010 010 / 1.0) 10%,
            rgb(040 040 050 / 1.0)) padding-box, 
            conic-gradient(from var(--gradient_rotate),
            rgb(from var(--metal_01) r g b / 0.5),
            rgb(from var(--metal_01) r g b / 0.0),
            rgb(from var(--metal_06) r g b / 0.0),
            rgb(from var(--metal_06) r g b / 1.0),
            rgb(from var(--metal_04) r g b / 0.5),
            rgb(from var(--metal_04) r g b / 0.0),
            rgb(from var(--metal_04) r g b / 1.0),
            rgb(from var(--metal_01) r g b / 0.5)) border-box;
  
border-radius: 100%; 
border: var(--border_width) solid transparent; 
animation: button_gradient_rotate 12s linear infinite;
}

button > .btn-icon{
display: block;
width: 100%;
height: 100%; 
object-fit: contain; 
}

button::before{
content: "";
position: absolute; 
inset: calc(-1 * var(--border_width));
z-index: -1; 
border-radius: inherit; 
background:conic-gradient( from var(--gradient_rotate),
           rgb(from var(--metal_03) r g b / 1.0),
           rgb(from var(--metal_01) r g b / 1.0),
           rgb(from var(--metal_01) r g b / 1.0),
           rgb(from var(--metal_06) r g b / 1.0),
           rgb(from var(--metal_02) r g b / 1.0),
           rgb(from var(--metal_05) r g b / 1.0),
           rgb(from var(--metal_04) r g b / 1.0),
           rgb(from var(--metal_03) r g b / 1.0)) padding-box,
           conic-gradient( from 0deg,
           rgb(from var(--metal_03) r g b / 1.0),
           rgb(from var(--metal_01) r g b / 1.0),
           rgb(from var(--metal_01) r g b / 1.0),
           rgb(from var(--metal_06) r g b / 1.0),
           rgb(from var(--metal_02) r g b / 1.0),
           rgb(from var(--metal_05) r g b / 1.0),
           rgb(from var(--metal_04) r g b / 1.0),
           rgb(from var(--metal_03) r g b / 1.0)) border-box;
animation: button_gradient_rotate 8s linear infinite reverse; 
border: 0.25rem solid transparent;
}

@keyframes button_gradient_rotate{
from { --gradient_rotate: 0deg;  }
to   { --gradient_rotate: 360deg;} 
}