/**
 * = Badges
 */

.badge {
    font-size:$badge-font-size;
    font-weight: $badge-font-weight;

    a {
        color: $white;
    }

    &.super-badge{
        vertical-align: super;
    }
}

// Variations
.badge-pill {
    padding-right: $badge-pill-padding-x;
    padding-left: $badge-pill-padding-x;
}

// Multiple inline badges
.badge-inline {
    margin-right: .625rem;

    & + span {
        top: 2px;
        position: relative;

        & > a {
            text-decoration: underline;
        }
    }
}

// Sizes
.badge-sm {
    padding: .2rem .6rem;
}

.badge-lg {
    font-size: $font-size-lg;
    padding: .35rem .85rem;
}

//button badges

.btn{
    .badge-corner{
        position: absolute;
        top: -50%;
        right: .5rem;
        transform: translate(50%,50%);
        margin: 0;
        border: 3px solid;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}
//Tags 
.wi-tags{
    a {
        display: inline-block;
        padding: 0.125rem 0.875rem;
        margin: 0.25rem;
        line-height: 2;
        font-size: $font-size-sm;
        box-shadow: $box-shadow-sm;
        background-color: $white;
    }
}

.pixel-pro-badge{
    position: relative;
    font-size: $font-size-sm;
    text-transform: uppercase;
    font-weight: $font-weight-bold;
    right: -11px;
    padding: 4px 12px;
    top: -30px;
    background: $white;
    @include border-radius($border-radius-sm);
    @include box-shadow($box-shadow-sm);
    @include media-breakpoint-down(sm){
        font-size: $font-size-base;
        right: -13px;
        padding: 5px 10px;
        top: -23px;
    }
}

.subscription-badge {
    top: -19px;
    right: -12px;
    font-size: .75rem;
}