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:36px;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{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;background:0 0!important}button.text:after{content:"";transform-origin:50%;background-color:currentColor;width:100%;height:2px;transition:transform .3s;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}button.text:hover:after{transform:translate(-50%)scaleX(1)}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{height:.15rem;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:36px;padding:0 16px}button.lg{height:44px;padding:0 22px;font-size:1.2308rem!important}button>.material-icons,button .smedia .material-icons{--icon-size:18px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);font-size:18px;line-height:1}button.sm>.material-icons,button.sm .smedia .material-icons{--icon-size:16px;font-size:16px}button.lg>.material-icons,button.lg .smedia .material-icons{--icon-size:22px;font-size:22px}.fab button{border-radius:50px}.orb button{border-radius:25px}.beam button{border-radius:25px;gap:0;min-width:max-content;height:auto}.beam button i{color:#565656;background-color:#fff;border-radius:50%;padding:2px}.beam button.outlined i{color:#fafafa;background-color:#e7e7e7}.beam button:has(>i){padding:2px}.beam button label{margin:0 15px}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}}