.prefix{
padding: 0.2em 0.7em;
    border-radius: 100px;
    font-weight: 500;
    text-shadow: none;
    font-size: 11px;
    letter-spacing: 0;}

.prefix_green {
background: linear-gradient(to top, #c79081 0%, #dfa579 100%);
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px #66493e;
    color: #fff;
}

.prefix_blue {
background: #7F7FD5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px #4d4d8d;
    color: #fff;
}

.prefix_cw {
background: #3A1C71;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ac76ef, #8f4dad7, #3A1C71);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ac76ef, #8f4dad, #3A1C71); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px #3A1C71;
    color: #fff;
}

.prefix_pb {
background: linear-gradient(75.7deg, rgb(34, 126, 34) 3.8%, rgb(99, 162, 17) 87.1%);
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px #1f6a1f;
    color: #fff;
}

.prefix_on {
background: linear-gradient(109.6deg, rgb(20, 30, 48) 11.2%, rgb(36, 59, 85) 91.1%);
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px #0d182c;
    color: #fff;
}

.prefix_gift {
background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43));
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px #5a1505;
    color: #fff;
}

.prefix_hello {
background-image: linear-gradient(to right, #fc5c7d, #6a82fb);
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px #5a1505;
    color: #fff;
}