.app-button{gap:8px}a.app-button{text-decoration:none}.app-button>span{align-items:center;gap:8px;display:inline-flex}.app-button.app-button--icon-only{justify-content:center;align-items:center;padding:7px 9px;display:inline-flex}.app-button.app-button--icon-only.el-button--small{width:32px;padding:5px 7px}.app-button.app-button--plain:not(.app-button--border){background-color:var(--app-button-background,transparent);color:var(--app-button-color);border-color:#0000}.app-button.app-button--plain:not(.app-button--border):focus,.app-button.app-button--plain:not(.app-button--border):hover{background-color:var(--color-neutral-50);color:var(--app-button-color)}.app-button.app-button--plain:not(.app-button--border):active{background-color:var(--color-neutral-100)}.app-button.app-button--tonal{--el-button-bg-color:var(--color-brand-50);--el-button-border-color:var(--color-brand-50);--el-button-text-color:var(--color-brand-700);--el-button-hover-bg-color:var(--color-brand-100);--el-button-hover-border-color:var(--color-brand-100);--el-button-hover-text-color:var(--color-brand-700);--el-button-active-bg-color:var(--color-brand-200);--el-button-active-border-color:var(--color-brand-200);--el-button-active-text-color:var(--color-brand-800)}.app-button.app-button--tonal.el-button--danger{--el-button-bg-color:var(--color-danger-50);--el-button-border-color:var(--color-danger-50);--el-button-text-color:var(--color-danger-700);--el-button-hover-bg-color:color-mix(in srgb,var(--color-danger-500) 16%,var(--color-white));--el-button-hover-border-color:color-mix(in srgb,var(--color-danger-500) 16%,var(--color-white));--el-button-hover-text-color:var(--color-danger-700);--el-button-active-bg-color:color-mix(in srgb,var(--color-danger-500) 24%,var(--color-white));--el-button-active-border-color:color-mix(in srgb,var(--color-danger-500) 24%,var(--color-white));--el-button-active-text-color:var(--color-danger-700)}.app-button.app-button--border{border-width:1px;border-color:var(--app-button-color)}