.btn {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
}

.btn.date {
    background-color: #256cc9;
}

.tag {
    display: inline-block;
    margin: 2px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px;
    color: white;
}

/* ========== Tag Variants ========== */

/* Main Tags */
.btn.yes {
    background-color: #d32b2b;
}

.btn.no {
    background-color: #46994a;
}

.btn.rando {
    background-color: #af90b6;
}

.btn.broken {
    background-color: #E65645;
}

.btn.unreleased {
    background-color: #6c5ce7;
}

/* Holiday Tags */
.tag.halloween {
    background-color: #ae3a30;
}

.tag.christmas {
    background-color: #48bdbd;
}

.tag.easter {
    background-color: #f6f0a3;
    color: #000;
}

.tag.thanksgiving {
    background-color: #d8a20e;
}

/* Weather Tags */
.tag.heatwave {
    background-color: #f996ae;
}

.tag.drizzle {
    background-color: #6bceee;
}

.tag.glitched {
    background-color: #c1a89d;
}

.tag.storm {
    background-color: #ae3a30;
}

.tag.blackout {
    background-color: #4a4a4a;
}

.tag.tornado {
    background-color: #6d2d88;
}

/* Event Tags */
.tag.pride {
    background: linear-gradient(135deg, #ff004f, #ff9900, #ffee00, #33cc33, #3399ff, #9900cc);
    color: #000;
    font-weight: bold;
}

.tag.traps {
    background-color: #ff4184;
    color: #fff;
}

.tag.planets {
    background-color: #a14abb;
    color: #fff;
}

/* Feature Tags */
.tag.missions {
    background-color: #e17055;
    color: #fff;
}

.tag.temples {
    background-color: #6c5ce7;
    color: #fff;
}

.tag.quests {
    background-color: #fdcb6e;
    color: #000;
}

.tag.goals {
    background-color: #55efc4;
    color: #000;
}

.tag.games {
    background-color: #3324ff;
    color: #fff;
}

/* Collection Tags */
.tag.wardrobe {
    background-color: #ffb6b9;
    color: #000;
}

.tag.collections {
    background-color: #a3d9f6;
    color: #000;
}

.tag.avatar {
    background-color: #ae98ca;
    color: #fff;
}

.tag.plushies {
    background-color: #ffeaa7;
    color: #000;
}

.tag.potions {
    background-color: #81ecec;
    color: #000;
}

.tag.treasure {
    background-color: #c19a6b;
    color: #fff;
}

.tag.costumes {
    background-color: #fab1a0;
    color: #000;
}

.tag.random {
    background-color: #dd845e;
    color: #fff;
}