I created a new flair class for the flair selector pane and added your css code to it.

/* Link Flair */
.linkflairlabel { margin-right: 0; padding: 0; }

.linkflair-veg .title .linkflairlabel,
.linkflair-nonveg .title .linkflairlabel,
.linkflair-nonvegpotw .title .linkflairlabel,
.linkflair-article .title .linkflairlabel,
.linkflair-ama .title .linkflairlabel,
.linkflair-video .title .linkflairlabel,
.linkflair-regional .title .linkflairlabel,
.linkflair-mod .title .linkflairlabel,
.linkflair-discussion .title .linkflairlabel {
    position: absolute;
    top: 0;
    bottom: 0;
    content: " ";
    left: 87px;
    min-width: 10px!important;
    text-indent: -9999px;
    border: 0;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }

.linkflair-veg .title .linkflairlabel { background: #3498db; }
.linkflair-nonveg .title .linkflairlabel { background: #3498db; }
.linkflair-nonvegpotw .title .linkflairlabel { background: #3498db; }
.linkflair-discussion .title .linkflairlabel { background: #ABABAB; }
.linkflair-ama .title .linkflairlabel { background: #db4251; }
.linkflair-video .title .linkflairlabel { background: #db4251; }
.linkflair-mod .title .linkflairlabel { background: #ABABAB; }
.linkflair-article .title .linkflairlabel { background: #f6b939; }
.linkflair-regional .title .linkflairlabel { background: #9b59b6; }


.listing-page .linkflair-veg:hover .title .linkflairlabel { background: #3498db; }
.listing-page .linkflair-nonveg:hover .title .linkflairlabel { background: #3498db; }
.listing-page .linkflair-nonvegpotw:hover .title .linkflairlabel { background: #3498db; }
.listing-page .linkflair-discussion:hover .title .linkflairlabel { background: #ABABAB; }
.listing-page .linkflair-article:hover .title .linkflairlabel { background: #f6b939; }
.listing-page .linkflair-ama:hover .title .linkflairlabel { background: #db4251; }
.listing-page .linkflair-mod:hover .title .linkflairlabel { background: #4E8C00; }
.listing-page .linkflair-video:hover .title .linkflairlabel { background: #db4251; }
.listing-page .linkflair-regional:hover .title .linkflairlabel { background: #9b59b6; }

.linkflair-veg .buttons:before,
.linkflair-nonveg .buttons:before,
.linkflair-nonvegpotw .buttons:before,
.linkflair-article .buttons:before,
.linkflair-regional .buttons:before,
.linkflair-mod .buttons:before,
.linkflair-video .buttons:before,
.linkflair-ama .buttons:before,
.linkflair-discussion .buttons:before {
    display: inline-block;
    padding: 1px 10px;
    color: #fff;
    text-transform: uppercase!important;
    margin-right: 10px;
    font-size: 85%; }

.linkflair-veg .buttons:before { content: 'VEGETARIAN'; background: #3498db; }
.linkflair-nonveg .buttons:before { content: 'NON-VEGETARIAN'; background: #3498db; }
.linkflair-nonvegpotw .buttons:before { content: 'NON-VEGETARIAN'; background: #3498db; }
.linkflair-article .buttons:before { content: 'ARTICLE'; background: #f6b939; }
.linkflair-regional .buttons:before { content: 'REGIONAL'; background: #9b59b6; }
.linkflair-mod .buttons:before { content: 'MOD'; background: #4E8C00; }
.linkflair-video .buttons:before { content: 'VIDEO'; background: #db4251; }
.linkflair-ama .buttons:before { content: 'AMA'; background: #db4251; }
.linkflair-discussion .buttons:before { content: 'DISCUSSION'; background: #ABABAB; }


.linkflair-veg .linkflairlabel { background: #3498db; color: #fff; }
.linkflair-nonveg .linkflairlabel { background: #3498db; color: #fff; }
.linkflair-nonvegpotw .linkflairlabel { background: #3498db; color: #fff; }
.linkflair-discussion .linkflairlabel { background: #ABABAB; color: #fff; }
.linkflair-article .linkflairlabel { background: #f6b939; color: #fff; }
.linkflair-video .linkflairlabel { background: #db4251; color: #fff; }
.linkflair-mod .linkflairlabel { background: #4E8C00; color: #fff; }
.linkflair-ama .linkflairlabel { background: #db4251; color: #fff; }
.linkflair-regional .linkflairlabel { background: #9b59b6; color: #fff; }

.flairselector .title:before { display: none; }

.comments-page .linkflair-veg .title .linkflairlabel,
.comments-page .linkflair-nonveg .title .linkflairlabel,
.comments-page .linkflair-ama .title .linkflairlabel,
.comments-page .linkflair-video .title .linkflairlabel,
.comments-page .linkflair-regional .title .linkflairlabel,
.comments-page .linkflair-article .title .linkflairlabel,
.comments-page .linkflair-nonvegpotw .title .linkflairlabel,
.comments-page .linkflair-discussion .title .linkflairlabel { left: 48px; }

/* icon POST OF THE WEEK FLAIR*/

linkflair-nonvegpotw .buttons::before{
background: url(%%potw%%) no-repeat, linear-gradient(left,     transparent 15px, #3498db 15px, #3498db 100%);
background: url(%%potw%%) no-repeat, -webkit-linear-gradient(left, transparent 15px, #3498db 15px, #3498db 100%);
background: url(%%potw%%) no-repeat, -moz-linear-gradient(left, transparent 15px, #3498db 15px, #3498db 100%);
background: url(%%potw%%) no-repeat, -ms-linear-gradient(left, transparent 15px, #3498db 15px, #3498db 100%);
background: url(%%potw%%) no-repeat, -o-linear-gradient (left, transparent 15px, #3498db 15px, #3498db 100%);
text-indent: 20px;
}