/**
 * BADGE 
 */
.badge {
    position: relative;
    top: -.5rem;
    display: inline-block;
    border-radius: 10px;
    padding: 0 calc($spacer/2);
    line-height: 2;
    text-align: center;
    text-transform: uppercase;
    font-size: $xsmall-font-size;
    font-weight: bold;
    margin-bottom: calc($spacer/2);
}

.text-bg-lite,
.plan-lite .badge {
    color: #E36500;
    background-color: $yellow-50;
}

.text-bg-smart, 
.plan-smart .badge {
    color: $blue-700;
    background-color: $blue-50;
}

.text-bg-pro, 
.plan-pro .badge {
    color: $blue-1000;
    background-color: $deepblue-50;
}

.badge-primary {
    color: #fff;
    background-color: $primary;
}

.badge-secondary {
    background-color: $secondary;
    color: $primary;
}

.badge-plain {}

.badge-info {
    background-color: $info;
}

.badge-info {
    background-color: $info;
}