      opacity: 0.5;
        transition: background-position 0.3s ease-in-out, opacity 0.2s ease-in-out;
        -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
                mask:
                  linear-gradient(#fff 0 0) content-box,
                  linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
                mask-composite: exclude;
      }
      .gradient-border:hover::before {
        background-position: -50% 0;
        opacit