2 Premium HTML Buttons 🔥 | Direct Code Link + HTML & TXT File

2 Premium HTML Buttons 🔥 | Direct Code Link + HTML & TXT File | Clickable Button Tutorial

personRajveer Singh Bana

February 26, 2026

1st Premium Button

Cute Button – HTML Code


<!doctype html>

<html lang="en">
  
  
  


<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>Cute Button</title>

  <style>

    :root{

      --bg: #0b1020;

      --text: #0b1020;

    }

    body{

      margin:0;

      min-height:100vh;

      display:grid;

      place-items:center;

      background: radial-gradient(1200px 600px at 30% 20%, rgba(255, 192, 203, .20), transparent 60%),

                  radial-gradient(900px 500px at 70% 70%, rgba(135, 206, 250, .18), transparent 55%),

                  var(--bg);

      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

    }

    .cute-btn{

      border:0;

      cursor:pointer;

      padding:14px 22px;

      border-radius:999px;

      font-weight:800;

      color:var(--text);

      background:linear-gradient(135deg,#ffd1dc,#ffe6a7,#c7f9ff,#d7c2ff);

      box-shadow:0 14px 30px rgba(0,0,0,.35);

    }

  </style>

</head>

<body>

  <button class="cute-btn">Click Me ✨</button>

</body>

</html>

2nd Premium Button

Glowing Button – HTML Code


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>Glowing Button</title>

  <style>

    body{

      margin:0;

      min-height:100vh;

      display:grid;

      place-items:center;

      background:#0b1020;

      font-family:system-ui;

    }

    .glow-btn{

      border:0;

      padding:14px 36px;

      border-radius:999px;

      font-weight:800;

      color:#fff;

      background:linear-gradient(135deg,#3ad6ff,#5b9dff);

      box-shadow:0 0 28px rgba(58,214,255,.6);

      cursor:pointer;

    }

  </style>

</head>

<body>

  <button class="glow-btn"

    onclick="window.open('https://example.com','_blank')">

    Click Me

  </button>

</body>

</html>