/* ==================================================
   Base Cards
================================================== */

.info-card,
.holiday-card {
    padding: 1.5rem;
    border-radius: 12px;
    background: transparent;
}

/* ==================================================
   Neutral Card
================================================== */

.card-neutral {
    border: 1px solid #d8dde3;
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
}

/* ==================================================
   Mint Card
================================================== */

.card-mint {
    border: 1px solid rgba(178,221,208,.7);
    background: rgba(232,247,243,.45);
    backdrop-filter: blur(8px);
}

/* ==================================================
   Pink Card
================================================== */

.card-pink {
    border: 1px solid rgba(240,192,213,.7);
    background: rgba(253,240,245,.45);
    backdrop-filter: blur(8px);
}

/* ==================================================
   Labels
================================================== */

.card-label {
    display: inline-block;
    margin-bottom: 1rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    font-size: 11px;
    letter-spacing: .06em;
    font-weight: 600;
}

.card-label-mint {
    background: rgba(178,221,208,.7);
    color: #1a5c4a;
}

.card-label-pink {
    background: rgba(240,192,213,.7);
    color: #7a1f45;
}

/* ==================================================
   Lists
================================================== */

.info-card ul {
    font-size: 14px;
    line-height: 1.9;
}

.holiday-card p {
    margin-bottom: .25rem;
}