a.new-button,button.new-button{--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));-ms-flex-line-pack:center;align-content:center;background:var(--button-container-color);border:var(--button-border);border-radius:var(--button-container-shape);-webkit-box-shadow:var(--button-elevation);box-shadow:var(--button-elevation);color:var(--button-label-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--button-gap);height:var(--button-container-height);overflow:hidden;padding:0 var(--button-container-padding)}a.new-button.new-button-filled,button.new-button.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)}a.new-button.new-button-elevated,button.new-button.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)}a.new-button.new-button-tonal,button.new-button.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)}a.new-button.new-button-outlined,button.new-button.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)}a.new-button.new-button-outlined[disabled=true],button.new-button.new-button-outlined[disabled=true]{--button-border:1px solid rgba(var(--color-on-surface-rgb),var(--opacity-container-disabled))}a.new-button.new-button-text,button.new-button.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) )}a.new-button .icon,button.new-button .icon{height:var(--button-icon-size);width:var(--button-icon-size)}a.new-button .icon path,button.new-button .icon path{fill:var(--button-label-color)}a.new-button.has-leading-icon,button.new-button.has-leading-icon{padding-left:var(--button-container-padding-with-icon)}a.new-button.has-trailing-icon,button.new-button.has-trailing-icon{padding-right:var(--button-container-padding-with-icon)}a.new-button[disabled=true],button.new-button[disabled=true]{background:var(--button-container-color-disabled);color:var(--button-label-color-disabled);cursor:default;pointer-events:none}a.new-button[disabled=true] .icon path,button.new-button[disabled=true] .icon path{fill:var(--button-label-color-disabled)}a.new-button:before,button.new-button:before{background:var(--button-label-color);border-radius:var(--button-container-shape);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity var(--asterisms-transition-emphasis-1);transition:opacity var(--asterisms-transition-emphasis-1);width:100%}a.new-button:hover,button.new-button:hover{-webkit-box-shadow:var(--button-elevation-hover);box-shadow:var(--button-elevation-hover)}a.new-button:hover:before,button.new-button:hover:before{opacity:var(--opacity-state-layer-hovered)}button.new-button[focus-within]:before{opacity:var(--opacity-state-layer-focused)}button.new-button:focus-within:before{opacity:var(--opacity-state-layer-focused)}a.new-button[focus-within]:before{opacity:var(--opacity-state-layer-focused)}a.new-button:focus-within:before{opacity:var(--opacity-state-layer-focused)}a.new-button:focus:before,button.new-button:focus:before{opacity:var(--opacity-state-layer-focused)}