.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 .3s ease}.custom-badge-shadow::part(base){box-shadow:0 var(--dds-spacing-200) var(--dds-spacing-400) #00000026;transition:box-shadow .3s}.custom-badge-shadow::part(base):hover{box-shadow:0 var(--dds-spacing-400) var(--dds-spacing-800) #0003}.badge-glow::part(base){box-shadow:0 0 var(--dds-spacing-300) var(--dds-positive-300);transition:box-shadow .3s;position:relative}.badge-glow::part(base):hover{box-shadow:0 0 var(--dds-spacing-500) var(--dds-positive-400)}.badge-scale{--dds-badge-transition:all .2s ease}.badge-scale::part(base):hover{transform:scale(1.05)}.badge-border-animate{--dds-badge-transition:all .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)}