.ex-label-card {
    padding: 15px;
    margin-bottom: 18px;
}

.ex-label-card h2 {
    font-size: 17px;
    margin: 0 0 12px;
}

.ex-label-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.ex-label-option {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 15px;
    padding: 11px 5px 13px;
    display: grid;
    justify-items: center;
    gap: 4px;

    color: #fff;

    text-shadow: 0 1px 1px rgba(0,0,0,.20);

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.30),
        inset 0 -3px 0 rgba(0,0,0,.14),
        0 5px 0 rgba(22,31,44,.22),
        0 9px 16px rgba(18,35,53,.18);

    transition:
        transform .12s ease,
        box-shadow .12s ease;
}

.ex-label-option:active {
    transform: translateY(3px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -2px 0 rgba(0,0,0,.12),
        0 2px 0 rgba(22,31,44,.20),
        0 5px 10px rgba(18,35,53,.16);
}

.ex-label-icon svg {
    width: 26px;
    height: 26px;
}


/* CHEATER — DARK PINK / RED */
.ex-label-cheater {
    background: linear-gradient(
        180deg,
        #e84a6f 0%,
        #c92f55 55%,
        #9f1f40 100%
    );
}


/* LIAR — DARK GREEN */
.ex-label-liar {
    background: linear-gradient(
        180deg,
        #3f9a70 0%,
        #2d7656 55%,
        #1f5840 100%
    );
}


/* JERK — DARK PURPLE */
.ex-label-jerk {
    background: linear-gradient(
        180deg,
        #8159c7 0%,
        #633da8 55%,
        #472a82 100%
    );
}

.ex-label-option strong {
    font-size: 13px;
    color: #fff;
}

.ex-label-count {
    font-size: 13px;
    font-weight: 900;
    color: rgba(255,255,255,.88);
}