.fa-btn-wrapper {
      display: inline-flex;
      text-decoration: none;
      align-items: center;
      gap: 20px;
      position: relative;
    }

    .fa-arrow-px {
      background: #111;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 9999px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .fa-arrow
    {
      position: absolute;
      right: 0;
      color: #fff;
          height: 60px;
    width: 60px;
    overflow: hidden;
     
    }
    .fa-arrow-in
    {
          display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 136px;
    transform: translateX(-68px);
    transition: all 0.2s ease-out;
    }

    .fa-arrow-p
    {
      height: 60px;
      width: 69px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

  

    .fa-text-b {
      background: #111;
      height: 100%;
      position: absolute;
      border-radius: 9999px;
      left: 0;
      right: 69px;
      transition: all 0.2s ease-out;
    }

    .fa-text-p {

      color: #fff;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
     margin: 10px 28px 10px 28px;
      font-size: 17px;
    }

    .fa-btn-wrapper:hover .fa-text-b
    {
      right: 0;
      transform: scaleY(1.1);
    }

    .fa-btn-wrapper:hover .fa-arrow-in
    {
         transform: translateX(0);
    }

    .fa-btn-wrapper:hover .fa-arrow-px
    {
      transform: scaleY(1.1);
    }

    .fa-arrow svg
    {
      width: 1.5rem;
      height: 1.5rem;
    }