.cwpb-badge-container {
margin: 8px 0 15px 0;
display: inline-block;
width: 100%;
}
.cwpb-badge-container.cwpb-simple-container {
margin-top: -5px; margin-bottom: 20px;
} .cwpb-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 14px;
font-size: 11px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.08em;
border-radius: 50px;
color: #ffffff;
background: #B51E23;
box-shadow: 0 4px 10px rgba(181, 30, 35, 0.25);
border: 1px solid rgba(255, 255, 255, 0.15);
animation: cwpb-fade-in-up 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, cwpb-pulse 2s infinite alternate;
backface-visibility: hidden;
vertical-align: middle;
} .cwpb-badge-variation {
margin-left: 12px;
padding: 5px 12px;
font-size: 10px;
background: #B51E23;
box-shadow: 0 3px 8px rgba(181, 30, 35, 0.25);
animation: cwpb-fade-in-left 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
} @keyframes cwpb-fade-in-up {
0% {
opacity: 0;
transform: translateY(8px) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes cwpb-fade-in-left {
0% {
opacity: 0;
transform: translateX(-8px) scale(0.9);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
@keyframes cwpb-pulse {
0% {
box-shadow: 0 4px 10px rgba(181, 30, 35, 0.25);
}
100% {
box-shadow: 0 4px 15px rgba(181, 30, 35, 0.45);
}
} .cwpb-badge-simple {
background: #B51E23;
box-shadow: 0 4px 10px rgba(181, 30, 35, 0.3);
}
.cwpb-badge-simple:hover {
transform: translateY(-1px);
}