.swing-animation{animation:swing 1.2s ease-in-out infinite;transform-origin:center center}.vip-button{cursor:pointer;z-index:0;overflow:hidden;background:var(--color-primary-100);transition:all .3s}.vip-button:before{left:-80%;width:260%;height:360%;background-image:conic-gradient(transparent,var(--color-primary),transparent 40%);transform:rotate(.3turn)}.vip-button:after,.vip-button:before{content:"";position:absolute;z-index:-2;top:-150%;background-repeat:no-repeat;background-position:0 0;transition:all .5s}.vip-button:after{left:-190%;width:460%;height:460%;background-image:conic-gradient(transparent,var(--color-primary),transparent 26%);transform:rotate(.7turn)}:is(.vip-button:hover,.vip-button.hover-effect):before{transform:rotate(.55turn)}:is(.vip-button:hover,.vip-button.hover-effect):after{transform:rotate(378deg)}.vip-button__text{position:absolute;letter-spacing:2px;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);display:flex;justify-content:center;align-items:center}.vip-button__text--active{background:linear-gradient(180deg,#082229,#195463);transition:text-shadow .3s;color:var(--color-primary)}@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)}}