Glassmorphism Feature Card with Icon

<div class="glass-panel overflow-hidden group animate-on-scroll opacity-0 rounded-2xl pt-8 pr-8 pb-8 pl-8 relative"
    style="animation-delay: 0.1s">
    <div
        class="group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-br from-orange-500/5 to-transparent opacity-0 absolute top-0 right-0 bottom-0 left-0">
    </div>
    <div
        class="h-10 w-10 rounded-lg bg-white/5 border border-white/10 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300 relative z-10">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="">
            <path d="M12 2v20" class=""></path>
            <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" class=""></path>
        </svg>
    </div>
    <h3 class="text-lg font-medium text-white mb-2 relative z-10">Real-time Finance</h3>
    <p class="text-sm text-zinc-500 leading-relaxed relative z-10">
        Integrated payments and billing primitives. Handle subscriptions and invoicing with a single line of
        code.
    </p>
</div>