@font-face {
       font-family: Hathem Bosteem; 
       src: local("Hathem Bosteem"), url(https://forumstatic.ru/files/001c/5b/7d/28769.ttf);
     }

     @font-face {
       font-family: Anta; 
       src: local("Anta"), url(https://forumstatic.ru/files/001c/5b/7d/82017.ttf);
     }
     
    .wrapperhun {
      position: relative;
      display: flex;
      margin: 5px auto 0px;
      justify-content: center;
      align-items: center;
    }

    .wrapperhun a {
      all: unset;
    }

    .background-text-hun {
      font-family: Hathem Bosteem;
      font-size: 17px;
      color: #989896;
      line-height: 120%;
      text-align: justify;
      width: 146px;
    }

    .wordhun {
      position: absolute;
      font-size: 22px;
      font-family: Anta;
      font-weight: bold;
      text-transform: uppercase;
      color: transparent;
      bottom: 20px;
      left: 55px;
      cursor: pointer;
    }

    .wordhun::before,
    .wordhun::after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(https://i.postimg.cc/hjXD3jdc/168bfadcf73e18fa9837b33af8e9f367.gif);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      background-clip: text;
      transition: transform 0.4s ease;
    }

    .wordhun::before {
      clip-path: polygon(0 0, 100% 0, 0 100%);
      z-index: 2;
    }

    .wordhun::after {
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
      z-index: 1;
    }

    .wordhun:hover::before {
      transform: translateX(-4px);
    }

    .wordhun:hover::after {
      transform: translateX(4px);
    }