.app-button{min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);font-weight:var(--button-font-weight);font-size:var(--button-font-size);border:var(--button-border-width) solid var(--button-border-color);color:var(--button-color);background:var(--button-background);text-align:center;white-space:nowrap;background-position:50%;flex-direction:row;justify-content:center;align-items:center;transition:background .5s;display:flex;position:relative}.app-button,.app-button__click-animation{box-sizing:border-box;border-radius:var(--button-border-radius)}.app-button__click-animation{pointer-events:none;width:100%;height:100%;color:var(--button-click-animation-outline-color);box-shadow:0 0 0 var(--button-click-animation-outline-width) currentcolor;opacity:0;background:0 0;position:absolute;top:0;left:0}.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{opacity:var(--button-click-animation-initial-opacity);box-shadow:0 0}.app-button:hover:enabled{cursor:pointer;background:var(--button-hover-background)}.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)}