button{box-sizing:border-box;background-color:var(--primary,#4f8ccf);width:max-content;min-width:max-content;color:var(--btn,white);vertical-align:middle;white-space:nowrap;border:2px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:1.0769rem;font-weight:700;line-height:1;transition:box-shadow .3s,background-color 1s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0006}button:hover{filter:brightness(1.1);box-shadow:0 2px 10px 3px #b7b7b7}button:not(.text):after{content:"";opacity:0;cursor:pointer;background:#dcdcdc80;margin-top:-120%;margin-left:-20px;padding-top:300%;padding-left:350%;transition:all .8s;display:block;position:absolute}button:not(.text):active:after{opacity:1;margin:0;padding:0;transition:all}button label{text-align:center;cursor:pointer;flex-shrink:0;line-height:1}button.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;color:#000!important;background-color:#949494!important}button.loading{cursor:wait;opacity:.75}button.primary,button.secondary,button.success,button.error,button.warning,button.info{background-color:var(--c);color:#fff}button.white{color:var(--tx,#2f2f2f);background-color:#fff}button.outlined{color:var(--primary,#4f8ccf);background:0 0;border-color:currentColor}button.outlined.secondary{color:#6b7280;border-color:#6b7280}button.outlined.success{color:#068e2d;border-color:#068e2d}button.outlined.error{color:#aa0b00;border-color:#aa0b00}button.outlined.info{color:#3b82f6;border-color:#3b82f6}button.outlined.warning{color:#ff7300;border-color:#ff7300}button.outlined.white{color:#e0e0e0;border-color:#e0e0e0}button.text{color:var(--primary,#4f8ccf);box-shadow:none;text-decoration:none;background:0 0!important}button.text.secondary{color:#6b7280}button.text.success{color:#068e2d}button.text.error{color:#aa0b00}button.text.info{color:#3b82f6}button.text.warning{color:#ff7300}button.text.white{color:#efefef}button.text.text-midline:after{content:"";transform-origin:50%;background-color:currentColor;width:100%;height:.15rem;transition:transform .3s;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(.6)}button.text.text-midline:hover:after{transform:translate(-50%)scaleX(1)}button.sm{height:28px;padding:0 10px;font-size:.9231rem}button.md{height:34px;padding:0 16px}button.lg{height:40px;padding:0 22px;font-size:1.2308rem!important}button>.material-icons,button .smedia .material-icons{--icon-size:22px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);font-size:22px;line-height:1}button.sm>.material-icons,button.sm .smedia .material-icons{--icon-size:20px;font-size:20px}button.lg>.material-icons,button.lg .smedia .material-icons{--icon-size:32px;font-size:32px}.fab button{border-radius:50px}.orb button{border-radius:25px}.beam button{border-width:0;border-radius:50px;justify-content:flex-start;gap:0;padding:2px}.beam button.outlined{border-width:2px;padding:0}.beam button i{color:#565656;--icon-size:30px;background-color:#fff;border-radius:50%;font-size:30px}.beam button.sm i{--icon-size:24px;font-size:24px}.beam button.lg i{--icon-size:36px;font-size:36px}.beam button.outlined i{color:#fafafa;background-color:#e7e7e7}.beam button label{margin:0 15px}.beam button>label+i,.beam button>label+.smedia{margin-left:auto}button em{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:576px){button{min-width:max-content}}