<html>

<head>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="h-screen flex justify-center items-center bg-gray-100">
  <button class="bg-orange-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded">
    <i class="fas fa-wikipedia-w text-lg mr-2"></i>
    Wiki
    <span class="text-sm text-gray-100 bg-orange-700 px-1 rounded-full">Premium</span>
  </button>
</body>

</html>