.badge-container {
    position: relative;
    display: inline-block;
}

.vip-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 99;
    background: linear-gradient(45deg,#6a1b9a,#9c27b0);
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

.paid-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 99;
    background: linear-gradient(45deg,#ff9800,#ff5722);
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

.boost-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 99;
    background: linear-gradient(45deg,#f44336,#ff9800);
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

.basic-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 99;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #81c784;
}