.component-button{box-sizing:border-box;border:1px solid var(--component-button-border);cursor:pointer;-webkit-appearance:none;background:var(--component-button-background);color:#000c;border-radius:3px;align-content:center;min-height:36px;padding:7px 15px;font-size:14px;font-weight:700;line-height:normal;text-decoration:none;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .13s cubic-bezier(.2,.7,.3,1);display:inline-block;box-shadow:inset 0 1px #ffffff38,0 1px 2px #00000014}.component-button.primary{--component-button-background:#73c991;--component-button-border:#3a805533;--component-button-hover:#6dbf8a;--component-button-pressed:#68b583;--component-button-focus:#4b835e}.component-button.secondary{--component-button-background:#ddd;--component-button-border:#bfc3bf;--component-button-hover:#d2d2d2;--component-button-pressed:#c7c7c7;--component-button-focus:#909090}.component-button.warning{--component-button-background:#e9796b;--component-button-border:#b761493d;--component-button-hover:#dd7366;--component-button-pressed:#d26d60;--component-button-focus:#974f46}.component-button.full-width{text-align:center;width:100%;display:block}.component-button.large{min-height:48px;padding:11px 15px;font-size:18px}.component-button.small{min-height:32px;padding:5px 11px;font-size:14px}@media (hover:hover){.component-button:not(:disabled):hover{background-color:var(--component-button-hover);color:#000c;box-shadow:inset 0 1px #ffffff38,0 2px 3px #00000021}}.component-button:not(:disabled):active{background-color:var(--component-button-pressed);transition-duration:60ms;transition-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(1px);box-shadow:inset 0 1px 3px #00000029}.component-button:focus-visible{outline:1.5px solid var(--component-button-focus);outline-offset:2px}.component-button:disabled{cursor:default}.component-button:disabled:not(.is-loading){opacity:.5;box-shadow:none}.component-button.is-loading{cursor:progress;position:relative}.component-button.is-loading .component-button__label{opacity:0}.component-button.is-loading:after{content:"";box-sizing:border-box;border:1.5px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin:auto;animation:.7s linear infinite component-button-spin;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.component-button,.component-button:not(:disabled):active{transition:none;transform:none}.component-button.is-loading:after{animation:none}}@keyframes component-button-spin{to{transform:rotate(360deg)}}