.srvb-row { display: inline-flex; flex-wrap: wrap; gap: 5px; vertical-align: middle; }
.srvb { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 800; letter-spacing: .01em; line-height: 1; padding: 5px 10px; border-radius: 999px; white-space: nowrap;
  border: 1px solid rgba(255,255,255,.35); box-shadow: 0 2px 8px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.35); }
.srvb i { font-size: .95em; filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)); }
/* soft shine sweeping across every badge */
.srvb::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent); animation: srvbShine 3.6s ease-in-out infinite; pointer-events: none; }
@keyframes srvbShine { 0%, 55% { left: -60%; } 100% { left: 140%; } }
.srvb[data-badge="support"] { box-shadow: 0 2px 10px rgba(6,182,212,.55), inset 0 1px 0 rgba(255,255,255,.4); }
.srvb[data-badge="partner"] { box-shadow: 0 2px 10px rgba(139,92,246,.55), inset 0 1px 0 rgba(255,255,255,.4); }
.srvb[data-badge="featured"] { box-shadow: 0 2px 10px rgba(245,158,11,.55), inset 0 1px 0 rgba(255,255,255,.5); }
.srvb-sm .srvb { font-size: 10.5px; padding: 4px 8px; gap: 4px; }
@media (prefers-reduced-motion: reduce) { .srvb::after { animation: none; display: none; } }