Tailwind Call To Action Components in Cyber library

<section class="py-20 relative scan-lines">
  <div class="absolute inset-0 bg-gradient-to-br from-black via-gray-950 to-black"></div>
  <div class="absolute inset-0 opacity-20">
    <div class="absolute top-20 left-1/4 w-2 h-2 bg-blue-400 rounded-full animate-pulse"></div>
    <div class="absolute top-40 right-1/3 w-1 h-1 bg-green-400 rounded-full animate-pulse delay-75"></div>
    <div class="absolute bottom-40 left-1/3 w-3 h-3 bg-purple-500 rounded-full animate-pulse delay-150"></div>
    <div class="absolute bottom-20 right-1/4 w-1 h-1 bg-blue-400 rounded-full animate-pulse delay-300"></div>
  </div>
  
  <div class="container px-4 mx-auto relative z-10">
    <div class="max-w-xl lg:max-w-3xl mx-auto text-center">
      <span class="text-xs font-semibold text-blue-400 uppercase tracking-wider border border-blue-400 border-opacity-30 px-4 py-2 bg-blue-400 bg-opacity-10 animate-pulse" style="clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);">NEW PROTOCOL</span>
      
      <div class="relative mt-8">
        <h2 class="mb-4 text-3xl leading-tight md:text-4xl md:leading-tight lg:text-5xl lg:leading-tight font-black font-heading tracking-wider bg-gradient-to-r from-blue-400 via-purple-500 to-green-400 bg-clip-text text-transparent animate-glitch">EXECUTE RAPID PROTOCOLS THAT AMPLIFY YOUR SYSTEM'S CORE PERFORMANCE </h2>
        <div class="absolute -top-2 -left-2 w-full h-full border-2 border-blue-400 opacity-10 transform rotate-1"></div>
      </div>
      
      <p class="mb-8 text-base leading-relaxed lg:text-xl lg:leading-relaxed text-gray-400 max-w-2xl mx-auto">If you've ever wondered how to evolve your digital infrastructure, this is your access point. Initialize quantum leap protocols in expanding your operational matrix with these advanced algorithms.</p>
      
      <div class="flex flex-col md:flex-row justify-center gap-4">
        <a class="group relative px-8 py-4 text-sm text-center bg-gradient-to-r from-blue-400 to-purple-500 hover:from-purple-500 hover:to-blue-400 text-gray-950 font-semibold tracking-wider transition-all duration-300 transform hover:scale-105 hover:animate-pulse-neon overflow-hidden" href="#" style="clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 100%, 15px 100%);">
          <span class="relative z-10">INITIALIZE DEMO</span>
          <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent opacity-0 group-hover:opacity-20 transform -skew-x-12 group-hover:translate-x-full transition-all duration-700"></div>
        </a>
        
        <a class="group relative px-8 py-4 text-sm text-center font-semibold text-green-400 hover:text-gray-950 hover:bg-green-400 border-2 border-green-400 transition-all duration-300 transform hover:scale-105 overflow-hidden tracking-wider" href="#" style="clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);">
          <span class="relative z-10">BROADCAST NETWORK</span>
          <div class="absolute inset-0 bg-green-400 transform translate-x-full group-hover:translate-x-0 transition-transform duration-300"></div>
        </a>
      </div>
    </div>
  </div>
</section>