Premium Plan Card - Copy this Html, Tailwind Component to your project

Put in the following code an indication that informs that it is the most suitable: <div class="bg white p 8 rounded lg shadow md hover:shadow lg transition duration 300 border 2 border blue 500"> <h3 class="text 2xl font semibold mb 4">Premium</h3> <p class="text 4xl font bold mb 6">R$44,99<span class="text lg font normal">/mês</span></p> <ul class="mb 8" style="font size: 13px"> <li class="flex items center mb 2"><i class="fas fa check text green 500 mr 2"></i> Site para auto agendamento dos clientes.</li> <li class="flex items center mb 2"><i class="fas fa check text green 500 mr 2"></i> Até 5 usuários/profissionais.</li> <li class="flex items center mb 2"><i class="fas fa check text green 500 mr 2"></i> Todas as ferramentas de gestão da agenda.</li> <li class="flex items center mb 2"><i class="fas fa check text green 500 mr 2"></i> Lembretes ilimitados.</li> <li class="flex items center mb 2"><i class="fas fa check text green 500 mr 2"></i> Robô agendamento via WhatsApp. </li> </ul> <button class="w full bg blue 500 text white px 4 py 2 rounded hover:bg blue 600 transition duration 300 focus:outline none focus:ring 2 focus:ring blue 500 focus:ring opacity 50">Escolher Plano</button> </div>