.login-btn {
    width: 200px;
    height: 48px;
    background: transparent linear-gradient(
        104deg, #02E6A9 0%, #04BBFD 100%) 0 0 no-repeat padding-box;
    border-radius: 24px;
    border: none;
    font: normal normal 600 16px/25px "Poppins-Medium";
    color: #091B8F;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
.login-btn span {
    position: relative;
  }
  
  .login-btn:before {
    --size: 0;
    content: '';
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    transform: translate(-50%, -50%);
    transition: width 0.2s ease, height 0.2s ease;
    background: radial-gradient(circle closest-side, #01a6de, transparent);
  }
  .login-btn-newcolor:before{
    background: radial-gradient(circle closest-side, #ffbe0b, transparent)!important;
  }
.login-btn:hover:before {
    --size: 200px
  }