.button-root{color:#fff;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);cursor:pointer;background:0 0;border:none;border-radius:10rem;justify-content:center;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:background-color .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden}.button-root:before{content:"";opacity:0;background-color:#fff3;width:100%;height:100%;transition:all .2s ease-out;position:absolute;top:0;left:0}.button-root:active{transform:scale(1.06)}.button-root:disabled,.button-root[aria-disabled=true]{color:#ccc!important;background:rgb(from var(--disabled-color) r g b/var(--btn-opacity,1))!important;border-color:rgb(from var(--disabled-color) r g b/var(--btn-opacity,1))!important;cursor:default!important;pointer-events:none!important}@media (hover:hover) and (pointer:fine){.button-root:hover:before{opacity:1}}.button-color-primary{color:var(--primary-color);background:rgb(from var(--primary-color) r g b/var(--btn-opacity,1));border-color:rgb(from var(--primary-color) r g b/var(--btn-opacity,1))}.button-color-secondary{color:var(--secondary-color);background:rgb(from var(--secondary-color) r g b/var(--btn-opacity,1));border-color:rgb(from var(--secondary-color) r g b/var(--btn-opacity,1))}.button-color-success{color:var(--success-color);background:rgb(from var(--success-color) r g b/var(--btn-opacity,1));border-color:rgb(from var(--success-color) r g b/var(--btn-opacity,1))}.button-color-error{color:var(--error-color);background:rgb(from var(--error-color) r g b/var(--btn-opacity,1));border-color:rgb(from var(--error-color) r g b/var(--btn-opacity,1))}.button-color-warning{color:var(--warning-color);background:rgb(from var(--warning-color) r g b/var(--btn-opacity,1));border-color:rgb(from var(--warning-color) r g b/var(--btn-opacity,1))}.button-color-info{color:var(--info-color);background:rgb(from var(--info-color) r g b/var(--btn-opacity,1));border-color:rgb(from var(--info-color) r g b/var(--btn-opacity,1))}.button-color-disabled{color:var(--disabled-color);background:rgb(from var(--disabled-color) r g b/var(--btn-opacity,1));border-color:rgb(from var(--disabled-color) r g b/var(--btn-opacity,1))}.button-contained{color:#fff}.button-outlined{background:0 0;border-style:solid;border-width:2px}.button-text{background:0 0}.button-size-small{min-width:50px;height:50px;padding:.25rem 1.25rem;font-size:clamp(12px,.875rem,14px)}.button-size-medium{min-width:60px;height:60px;padding:.5rem 1.5rem;font-size:clamp(14px,1rem,16px)}.button-size-large{min-width:70px;height:70px;padding:.75rem 2.5rem;font-size:clamp(16px,1.125rem,18px)}.button-icon{font-size:20px!important}.button-icon.start-icon{margin-left:-4px}.button-icon.end-icon{margin-right:-4px}.button-icon.middle-icon{margin-left:-4px;margin-right:-4px}.button-icon.fill-icon{font-variation-settings:"FILL" 1}.button-shadow{box-shadow:var(--box-shadow)}