.thebutton-counter {
  margin-top: 0 !important;
}
.text-center {
    text-align: center;
}
.flair {
    min-width: 12px;
    max-width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 12px;
    border: none;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    font-size: 10px!important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    position: relative
}
.flair:hover {
    max-width: 500px;
    padding: 0 5px;
    color: #fff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.flair-no-press {
    background: #888;
    color: #888
}
.flair-press-1 {
    color: #e50000;
    background: #e50000
}
.flair-press-2 {
    color: #e59500;
    background: #e59500
}
.flair-press-3 {
    color: #E5D900;
    background: #E5D900
}
.flair-press-4 {
    color: #02be01;
    background: #02be01
}
.flair-press-5 {
    color: #0083C7;
    background: #0083C7
}
.flair-press-6 {
    color: #820080;
    background: #820080
}