How to make butter like that

Ok

Aap is tarah ke download buttons HTML aur CSS ka use karke bana sakte hain. Niche ek example diya gaya hai:

HTML Code:

<div class="download-buttons">
    <a href="#" class="btn gold">Download in 1080p (Source) – 5.1GB</a>
    <a href="#" class="btn purple">Download in 1080p – 3.6GB</a>
    <a href="#" class="btn blue">Download in 720p – 1.9GB</a>
    <a href="#" class="btn red">Download in 480p – 692MB</a>
</div>

CSS Code:

.download-buttons {
    text-align: center;
    margin-top: 20px;
}

.btn {
    display: block;
    width: 300px;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    transition: background 0.3s;
}

.btn.gold {
    background-color: #d4a017;
}

.btn.purple {
    background-color: #8a2be2;
}

.btn.blue {
    background-color: #1e90ff;
}

.btn.red {
    background-color: #ff4500;
}

.btn:hover {
    opacity: 0.8;
}

Output:

• Yeh buttons responsive aur visually appealing honge.
• Colors ko customize kar sakte hain apne design ke hisaab se.
• "href" attribute mein file ka download link dalna zaroori hai.

Aap is code ko ek HTML file mein save karke browser mein open karke dekh sakte hain.

 Demo 

Download in 1080p (Source) – 5.1GB Download in 1080p – 3.6GB Download in 720p – 1.9GB Download in 480p – 692MB

DEMO 2

Download in 1080p – 3.6GB

Download in 720p – 1.9GB

Download in 480p – 692MB