.app-button{align-items:center;background:var(--button-background);background-position:50%;border:var(--button-border-width) solid var(--button-border-color);color:var(--button-color);display:flex;flex-direction:row;font-size:var(--button-font-size);font-weight:var(--button-font-weight);justify-content:center;min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);position:relative;text-align:center;transition:background .5s;white-space:nowrap}.app-button,.app-button__click-animation{border-radius:var(--button-border-radius);box-sizing:border-box}.app-button__click-animation{background:0 0;box-shadow:0 0 0 var(--button-click-animation-outline-width) currentcolor;color:var(--button-click-animation-outline-color);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.app-button__click-animation.app-button__click-enter-active{transition:box-shadow .4s ease-out,opacity 2s ease-out}.app-button__click-animation.app-button__click-enter-from{box-shadow:0 0 0 0 currentcolor;opacity:var(--button-click-animation-initial-opacity)}.app-button:hover:enabled{background:var(--button-hover-background);cursor:pointer}.app-button:active:enabled{background:var(--button-active-background)}.app-button:focus-visible:enabled{background:var(--button-background);outline:var(--button-focus-outline-width) solid var(--button-background);outline-offset:var(--button-focus-outline-width)}.app-button:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}