<style>
  *{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, sans-serif;
  }


  .neo-btn{
    position:relative;
    width:120px;
    height:40px;
    border:none;
    border-radius:22px;
    cursor:pointer;
    overflow:hidden;
    background:transparent;
    transition:.4s;
  }

  /* glow background */
  .liquid{
    position:absolute;
    inset:-40px;
    background:
      conic-gradient(
        from 180deg,
        #00f0ff,
        #7c3aed,
        #ff008c,
        #00f0ff
      );
    animation:rotate 4s linear infinite;
    filter:blur(1px);
  }

  .content{
    position:relative;
    z-index:5;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    width:100%;
    height:100%;
    color:white;
    font-size:12px;
    font-weight:20;
    letter-spacing:2px;
  }


  @keyframes rotate{
    from{
      transform:rotate(0deg);
    }
    to{
      transform:rotate(360deg);
    }
  }

  @keyframes float{
    0%,100%{
      transform:translateY(0px);
    }
    50%{
      transform:translateY(-20px);
    }
  }
</style>