.SubscriptionCounter { 
    box-shadow: 1px 1px 9px rgb(0 0 0 / 24%) !important;
    display: flex;
}

.SubscriptionCounter__Item {
    padding: 0.5rem;
    box-shadow: inset 1px 1px 9px rgb(0 0 0 / 24%);
    min-width: 3rem;
    background-color: #d6d4cb;
    color: #7B7A7E;
}

.SubscriptionCounter__Item--Red {
    background-color: #CB3c2e;
    color: #fff;
}

.SubscriptionCounter__Item--Yellow {
    background-color: #F0CE34;
    color: #fff;
}

.SubscriptionCounter__Item--GreyDarker {
    background-color: #7E8997;
    color: #fff;
}

.SubscriptionCounter__Item--Green {
    background-color: #51BA7F;
    color: #fff;
}

.SubscriptionCounter__Item--Disable {
    box-shadow: none;
}

.SubscriptionCounter__Item--Disable img{
    filter: brightness(0.5); 
}