.badge-red{position:relative;overflow:hidden;display:inline-flex;border-radius:80px}.badge-red span{display:block;font-size:14px;color:#000;border:1px solid rgba(0,0,0,.1);font-weight:400;padding:5px 18px;border-radius:25px;overflow:hidden;text-transform:capitalize;transition:.2s linear}.badge-red span:nth-child(2){position:absolute;top:101%;border:1px solid #ea0f1f;background-color:#ea0f1f;color:#fff}.badge-red.active span,.badge-red:hover span{transform:translateY(-101%)}.badge-red.static span{transform:translateY(0)}.badge-black{position:relative;overflow:hidden;display:inline-flex;border-radius:80px}.badge-black span{display:block;font-size:14px;color:#000;border:1px solid rgba(0,0,0,.1);font-weight:400;padding:5px 18px;border-radius:25px;transition:.3s linear;overflow:hidden;text-transform:capitalize;transition:.2s linear}.badge-black span:nth-child(2){position:absolute;top:100%;border:1px solid #000;background-color:#000;color:#fff}.badge-black.active span,.badge-black:hover span{transform:translateY(-101%)}.badge-red-transparent{position:relative;overflow:hidden;display:inline-flex;border-radius:80px}.badge-red-transparent span{display:block;font-size:14px;color:#fff;background-color:hsla(0,0%,100%,.1019607843);border:1px solid hsla(0,0%,100%,.2);font-weight:400;padding:5px 18px;border-radius:25px;transition:.3s linear;overflow:hidden;text-transform:capitalize;transition:.2s linear}.badge-red-transparent span:nth-child(2){position:absolute;top:101%;border:1px solid #ea0f1f;background-color:#ea0f1f;color:#fff}.badge-red-transparent.active span,.badge-red-transparent:hover span{transform:translateY(-101%)}