.btn-huly{position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:9999px;background-color:#fff;color:#000;overflow:hidden;transition:all .5s cubic-bezier(.19,1,.22,1);cursor:pointer;border:1px solid rgba(255,255,255,1);box-shadow:0 10px 30px -10px #00000080;z-index:1;text-decoration:none;white-space:nowrap}.btn-huly:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(139,92,246,.5) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:-1}.btn-huly:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(139,92,246,.6) 0%,transparent 75%);z-index:-2;opacity:0;transition:opacity .4s ease;filter:blur(15px);border-radius:inherit}.btn-huly:hover:before,.btn-huly:hover:after{opacity:1}.btn-huly:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 30px 60px -12px #8b5cf666,0 18px 36px -18px #00000080;border-color:#8b5cf6cc}.btn-huly:active{transform:translateY(-1px) scale(.98)}.btn-huly-purple{background-color:#7c3aed;color:#fff}.btn-huly-purple:before{background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.3) 0%,transparent 60%)}