.primary-button-container{position:relative;min-width:200px;width:auto;height:63px;background:transparent;border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto;transition:all .3s ease;padding:0 2px}.primary-button-container:hover{padding:0}.primary-button-container .animated-border{position:absolute;width:500px;height:500px;border-radius:10px;background-image:conic-gradient(transparent 0,#f4f4f4 30%,#c2c2c2 40%,#aaa 50%,#777 60%,#505050 70%,#343434 80%,#000 90%,transparent 100%);animation:rotate-border 8s linear infinite;z-index:1;opacity:.8;transition:all .3s ease}.primary-button-container:before{content:"";position:absolute;width:400px;height:400px;background-image:radial-gradient(circle,rgba(40,40,40,.8) 0,rgba(30,30,30,.6) 20%,hsla(0,0%,8%,.4) 40%,hsla(0,0%,4%,.2) 60%,transparent 80%);animation:rotate-background 12s linear infinite reverse;z-index:0;opacity:.7}.primary-button-container:after{content:"";position:absolute;width:350px;height:350px;background-image:radial-gradient(circle,rgba(80,80,80,.5) 0,rgba(60,60,60,.3) 30%,rgba(40,40,40,.1) 60%,transparent 80%);animation:pulse 4s ease-in-out infinite alternate;z-index:0}.primary-button-container .primary-button-content{position:relative;width:auto;min-width:190px;height:60px;background:rgba(0,0,0,.8);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:500;z-index:2;transition:all .3s ease;padding:0 2.5rem;backdrop-filter:blur(5px);box-shadow:0 0 10px rgba(0,0,0,.2)}.primary-button-container .primary-button-content:hover{background:hsla(0,0%,4%,.9);transform:scale(.98)}.primary-button-container .primary-button-content:hover .ml-2{transform:translateX(5px)}.primary-button-container .primary-button-content span{display:flex;align-items:center;justify-content:center}.primary-button-container .primary-button-content .ml-2{transition:transform .3s ease;margin-left:.75rem}@keyframes rotate-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-background{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.primary-button-container:hover .animated-border{animation-duration:4s;background-image:conic-gradient(transparent 0,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.2) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.9) 60%,hsla(0,0%,100%,.5) 70%,hsla(0,0%,100%,.2) 80%,hsla(0,0%,100%,0) 90%,transparent 100%);opacity:1}.primary-button-container:hover:before{animation-duration:6s;opacity:.9}.primary-button-container:hover:after{animation-duration:2s}.bg-gray-100 .primary-button-container .animated-border,.bg-gray-200 .primary-button-container .animated-border,.bg-white .primary-button-container .animated-border{background-image:conic-gradient(transparent 0,transparent 30%,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.1) 70%,rgba(0,0,0,.05) 80%,transparent 90%,transparent 100%)}.bg-gray-100 .primary-button-container:before,.bg-gray-200 .primary-button-container:before,.bg-white .primary-button-container:before{background-image:radial-gradient(circle,hsla(0,0%,78%,.8) 0,hsla(0,0%,71%,.6) 20%,hsla(0,0%,63%,.4) 40%,hsla(0,0%,55%,.2) 60%,hsla(0,0%,100%,0) 80%)}.bg-gray-100 .primary-button-container:after,.bg-gray-200 .primary-button-container:after,.bg-white .primary-button-container:after{background-image:radial-gradient(circle,hsla(0,0%,71%,.5) 0,hsla(0,0%,63%,.3) 30%,hsla(0,0%,55%,.1) 60%,hsla(0,0%,100%,0) 80%)}