.custom-badge-gradient{--dds-badge-brand-background:linear-gradient(135deg,var(--dds-brand-600),var(--dds-violet-600));--dds-badge-brand-color:var(--dds-white-100);--dds-badge-border-radius:var(--dds-radius-large);--dds-badge-transition:all 0.3s ease}.custom-badge-shadow::part(base){transition:box-shadow .3s ease;box-shadow:0 var(--dds-spacing-200) var(--dds-spacing-400) rgb(0 0 0/15%)}.custom-badge-shadow::part(base):hover{box-shadow:0 var(--dds-spacing-400) var(--dds-spacing-800) rgb(0 0 0/20%)}.badge-glow::part(base){position:relative;transition:box-shadow .3s ease;box-shadow:0 0 var(--dds-spacing-300) var(--dds-positive-300)}.badge-glow::part(base):hover{box-shadow:0 0 var(--dds-spacing-500) var(--dds-positive-400)}.badge-scale{--dds-badge-transition:all 0.2s ease}.badge-scale::part(base):hover{transform:scale(1.05)}.badge-border-animate{--dds-badge-transition:all 0.3s ease;--dds-badge-border-width:var(--dds-border-width-base)}.badge-border-animate::part(base):hover{--dds-badge-border-width:var(--dds-border-width-thick)}