button:where(.z-button),a:where(.z-button){background-color:var(--color-surface);border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-md);color:var(--color-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);padding:14px;text-align:center;white-space:nowrap;background-position:center;height:36px;max-height:36px;transition:background .8s;align-items:center;justify-content:center}button:where(.z-button):not(:last-child),a:where(.z-button):not(:last-child){margin-right:var(--default-padding)}button:where(.z-button)[type=submit],button:where(.z-button).submit,a:where(.z-button).submit{background-color:var(--color-primary);color:var(--color-surface)}button:where(.z-button)[type=submit]:hover,button:where(.z-button).submit:hover,a:where(.z-button).submit:hover{background:var(--color-primary-hover) radial-gradient(circle,transparent 1%,var(--color-primary-hover) 1%) center/15000%}button:where(.z-button)[type=submit]:active,button:where(.z-button).submit:active,a:where(.z-button).submit:active{background-color:var(--color-primary);background-size:100%;transition:background 0s}button:where(.z-button)>.fa,a:where(.z-button)>.fa{font-weight:var(--font-weight-medium);font-size:16px}button:where(.z-button)>.fa:first-child,a:where(.z-button)>.fa:first-child{margin-right:8px}button:where(.z-button)>.fa:last-child,a:where(.z-button)>.fa:last-child{margin-left:8px}.popup button:where(.z-button),.popup a:where(.z-button){box-shadow:none;margin-right:12px;padding:8px 14px}button:where(.z-button).error,a:where(.z-button).error{background-color:var(--color-error);color:var(--color-surface)}button:where(.z-button).warning,a:where(.z-button).warning{background-color:var(--color-warning);color:var(--color-surface)}button:where(.z-button).succeed,a:where(.z-button).succeed{background-color:var(--color-success);color:var(--color-surface)}button:where(.z-button).info,a:where(.z-button).info{background-color:var(--color-info);color:var(--color-surface)}button:where(.z-button).transparent,a:where(.z-button).transparent{background-color:transparent;color:var(--color-surface)}button:where(.z-button).borderless,a:where(.z-button).borderless{color:var(--color-text-faint);background-color:transparent;border:none;box-shadow:none}button:where(.z-button).light,a:where(.z-button).light{color:var(--color-text-faint);background-color:transparent;border:solid 1px rgb(0 0 0 / 10%);box-shadow:none}button:where(.z-button).danger,a:where(.z-button).danger{color:var(--color-error)}button:where(.z-button).danger:hover,a:where(.z-button).danger:hover{border-color:var(--color-error)}.row-button>button:where(.z-button),.row-button>a:where(.z-button){color:var(--color-surface);position:absolute;right:0;top:-2px;background-color:var(--color-text-faint);box-shadow:none;padding:6px 10px;font-size:14px;font-weight:var(--font-weight-normal)}.button-container{display:flex}.button-container>*:not(:last-child){margin-right:10px}button:where(.z-button).button-icon,a:where(.z-button).button-icon{width:40px;max-width:40px;padding:0}