.svgWrap {
    position: relative;
    margin-bottom: 20px;
    width: 150px;
    height: 41px;
  }
  
  .svgWrap__text {
    position: absolute;
    top: 0;
    left: 0;
    fill: #000;
    width: 150px;
    height: 41px;
  }
  .svgWrap__text:nth-child(2), .svgWrap__text:nth-child(3) {
    clip: rect(0, 0, 0, 0);
  }
  .svgWrap__text:nth-child(2) {
    fill: #383838;
    left: -2px;
  }
  .svgWrap__text:nth-child(3) {
    fill: #2c2c2c;
    left: 2px;
  }

  .svgWrap:hover .svgWrap__text:nth-child(2) {
    animation: svg-glitch-effect 2s infinite linear alternate-reverse;
  }
  
  .svgWrap:hover .svgWrap__text:nth-child(3) {
    animation: svg-glitch-effect 3s infinite linear alternate-reverse;
  }
  
  @keyframes svg-glitch-effect {
    0% {
      clip: rect(35px, 160px, 36px, 0);
    }
    5% {
      clip: rect(31px, 160px, 37px, 0);
    }
    10% {
      clip: rect(23px, 160px, 31px, 0);
    }
    15% {
      clip: rect(12px, 160px, 17px, 0);
    }
    20% {
      clip: rect(43px, 160px, 27px, 0);
    }
    25% {
      clip: rect(19px, 160px, 24px, 0);
    }
    30% {
      clip: rect(45px, 160px, 3px, 0);
    }
    35% {
      clip: rect(35px, 160px, 1px, 0);
    }
    40% {
      clip: rect(39px, 160px, 12px, 0);
    }
    45% {
      clip: rect(5px, 160px, 28px, 0);
    }
    50% {
      clip: rect(17px, 160px, 19px, 0);
    }
    55% {
      clip: rect(42px, 160px, 28px, 0);
    }
    60% {
      clip: rect(34px, 160px, 35px, 0);
    }
    65% {
      clip: rect(28px, 160px, 38px, 0);
    }
    70% {
      clip: rect(39px, 160px, 34px, 0);
    }
    75% {
      clip: rect(30px, 160px, 35px, 0);
    }
    80% {
      clip: rect(15px, 160px, 25px, 0);
    }
    85% {
      clip: rect(18px, 160px, 10px, 0);
    }
    90% {
      clip: rect(44px, 160px, 40px, 0);
    }
    95% {
      clip: rect(3px, 160px, 11px, 0);
    }
    100% {
      clip: rect(16px, 160px, 7px, 0);
    }
  }