.demo-badge-frontend{position:fixed;right:18px;top:18px;z-index:60;display:flex;justify-content:flex-end;pointer-events:none}
.demo-badge-frontend__inner{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:min(92vw,390px);background:linear-gradient(135deg,#ff9d2f,#ff7a00);color:#fff;padding:10px 15px;border-radius:999px;box-shadow:0 18px 40px rgba(255,122,0,.28);font-weight:800;font-size:12px;letter-spacing:.02em}
.demo-badge-frontend__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-badge-frontend__link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;text-decoration:none;font-weight:700;transition:all .2s ease}
.demo-badge-frontend__link:hover{background:rgba(255,255,255,.28)}
@media (max-width:640px){
  .demo-badge-frontend{left:12px;right:12px;top:auto;bottom:12px}
  .demo-badge-frontend__inner{width:100%;justify-content:space-between}
}