.new-button:is(button,a){--button-container-shape:var(--override-button-container-shape,var(--shape-corner-full));--button-container-height:var(--override-button-container-height,40px);--button-container-padding:24px;--button-container-padding-with-icon:16px;--button-gap:8px;--button-icon-size:18px;--button-label-font-family:var(--sys-typescale-label-large-font-family-name);--button-label-font-style:var(--sys-typescale-label-large-font-family-style);--button-label-font-weight:var(--sys-typescale-label-large-font-weight);--button-label-font-size:var(--sys-typescale-label-large-font-size);--button-label-line-height:var(--sys-typescale-label-large-line-height);--button-label-letter-spacing:var(--sys-typescale-label-large-letter-spacing);--button-elevation:var(--elevation0);--button-elevation-hover:var(--elevation0);--button-border:none;--button-label-color-disabled:rgba(var(--color-on-surface-rgb),var(--opacity-label-disabled));--button-container-color-disabled:rgba(var(--color-on-surface-rgb),var(--opacity-container-disabled));align-content:center;background:var(--button-container-color);border:var(--button-border);border-radius:var(--button-container-shape);box-shadow:var(--button-elevation);color:var(--button-label-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--button-gap);height:var(--button-container-height);overflow:hidden;padding:0 var(--button-container-padding)}.new-button:is(button,a).new-button-filled{--button-container-color:var( --override-button-container-color-filled,var(--color-primary) );--button-container-color-rgb:var( --override-button-container-color-filled-rgb,var(--color-primary-rgb) );--button-label-color:var(--override-button-label-color-filled,var(--color-on-primary));--button-label-color-rgb:var( --override-button-label-color-filled-rgb,var(--color-on-primary-rgb) );--button-elevation-hover:var(--elevation1)}.new-button:is(button,a).new-button-elevated{--button-container-color:var( --override-button-container-color-elevated,var(--color-surface-container-low) );--button-container-color-rgb:var( --override-button-container-color-elevated-rgb,var(--color-surface-container-low-rgb) );--button-label-color:var(--override-button-label-color-elevated,var(--color-primary));--button-label-color-rgb:var( --override-button-label-color-elevated-rgb,var(--color-primary-rgb) );--button-elevation:var(--elevation1);--button-elevation-hover:var(--elevation2)}.new-button:is(button,a).new-button-tonal{--button-container-color:var( --override-button-container-color-tonal,var(--color-secondary-container) );--button-container-color-rgb:var( --override-button-container-color-tonal-rgb,var(--color-secondary-container-rgb) );--button-label-color:var( --override-button-label-color-tonal,var(--color-on-secondary-container) );--button-label-color-rgb:var( --override-button-label-color-tonal-rgb,var(--color-on-secondary-container-rgb) );--button-elevation-hover:var(--elevation1)}.new-button:is(button,a).new-button-outlined{--button-container-color:var( --override-button-container-color-outlined,var(--color-surface) );--button-container-color-rgb:var( --override-button-container-color-outlined-rgb,var(--color-surface-rgb) );--button-label-color:var(--override-button-label-color-outlined,var(--color-primary));--button-label-color-rgb:var( --override-button-label-color-outlined-rgb,var(--color-primary-rgb) );--button-border:1px solid var(--color-outline)}.new-button:is(button,a).new-button-outlined[disabled=true]{--button-border:1px solid rgba(var(--color-on-surface-rgb),var(--opacity-container-disabled))}.new-button:is(button,a).new-button-text{--button-container-color:var(--override-button-container-color-text,none);--button-container-color-rgb:var( --override-button-container-color-text-rgb,255,255,0,0 );--button-label-color:var(--override-button-label-color-text,var(--color-primary));--button-label-color-rgb:var( --override-button-label-color-text-rgb,var(--color-primary-rgb) )}.new-button:is(button,a) .icon{height:var(--button-icon-size);width:var(--button-icon-size)}.new-button:is(button,a) .icon path{fill:var(--button-label-color)}.new-button:is(button,a).has-leading-icon{padding-left:var(--button-container-padding-with-icon)}.new-button:is(button,a).has-trailing-icon{padding-right:var(--button-container-padding-with-icon)}.new-button:is(button,a)[disabled=true]{background:var(--button-container-color-disabled);color:var(--button-label-color-disabled);cursor:default;pointer-events:none}.new-button:is(button,a)[disabled=true] .icon path{fill:var(--button-label-color-disabled)}.new-button:is(button,a):before{background:var(--button-label-color);border-radius:var(--button-container-shape);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--asterisms-transition-emphasis-1);width:100%}.new-button:is(button,a):hover{box-shadow:var(--button-elevation-hover)}.new-button:is(button,a):hover:before{opacity:var(--opacity-state-layer-hovered)}.new-button:is(button,a):focus-within:before,.new-button:is(button,a):focus:before{opacity:var(--opacity-state-layer-focused)}