.swing-animation{animation:swing 1.2s ease-in-out infinite;transform-origin:center center}.vip-button{cursor:pointer;z-index:0;overflow:hidden;background:#666;transition:all .3s}.vip-button:before{left:-50%;top:-50%;width:200%;height:200%;background-image:conic-gradient(transparent,#ffcc00,transparent 40%);transform:rotate(-36deg)}.vip-button:after,.vip-button:before{content:"";position:absolute;z-index:-2;background-repeat:no-repeat;background-position:0 0;transition:all .5s}.vip-button:after{left:-150%;top:-130%;width:360%;height:360%;background-image:conic-gradient(transparent,#ffcc00,transparent 26%);transform:rotate(162deg)}:is(.vip-button:hover,.vip-button.hover-effect):before{transform:rotate(.3turn)}:is(.vip-button:hover,.vip-button.hover-effect):after{transform:rotate(.7turn)}.vip-button__text{position:absolute;letter-spacing:2px;left:1px;top:1px;display:flex;justify-content:center;align-items:center}.vip-button__text--active{background:#171717;transition:text-shadow .3s;color:#fc0;text-shadow:0 0 18px #fc0,0 0 28px #fc0,0 0 80px #fc0,0 0 2px #fc0}.vip-button__text--active:hover{text-shadow:0 0 12px #fc0,0 0 28px #fc0,0 0 42px #fc0,0 0 52px #fc0}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes itemShow{0%{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}