
@keyframes rotateBorder{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.dj-gradient-button{position:relative;display:flex;justify-content:center;align-items:center;padding:0 24px;height:36px;font-size:14px;font-weight:400;color:#fff;border:none;border-radius:6px;cursor:pointer;overflow:hidden;z-index:1}.dj-gradient-button:before{width:120%;padding-bottom:120%;background:conic-gradient(from 0deg,#fff 10deg,rgba(19,96,220,.59) 60deg,#fff 120deg,rgba(19,96,220,.89) 180deg,#fff 240deg,rgba(19,96,220,.59) 300deg,#fff 1turn);animation:rotateBorder 6s linear infinite;z-index:-2}.dj-gradient-button:after,.dj-gradient-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dj-gradient-button:after{background:linear-gradient(324deg,#a2c1ff 15%,#3665fd 84%);width:calc(100% - 1px);height:calc(100% - 1px);background-size:200% 200%;z-index:-1;border-radius:6px}