unb-button{--button-background:var(--color-accent);--button-background-hover:var(--color-accent-hover);--button-color:var(--text-primary);--button-border-color:transparent;--border-width:1px;width:100%;display:inline-block;position:relative}unb-button>button{width:100%;min-height:var(--size-12);padding:0 var(--size-4);border:1px solid var(--button-border-color);border-radius:var(--size-2);border-width:var(--border-width);background:var(--button-background);color:var(--button-color);font:inherit;cursor:pointer;font-weight:500;transition:background .2s,border-color .2s,color .2s,opacity .2s,transform .1s}unb-button>button:hover{background:var(--button-background-hover)}unb-button>button:active{transform:scale(.98)}unb-button>button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}unb-button>button:disabled{opacity:.55;cursor:not-allowed}unb-button[variant=primary]{--button-background:var(--color-accent);--button-background-hover:var(--color-accent-hover);--button-color:var(--text-primary)}unb-button[variant=secondary]{--button-background:var(--color-gray-300);--button-background-hover:var(--color-gray-400);--button-border-color:var(--color-gray-400);--button-color:var(--text-secondary)}unb-button[variant=success]{--button-background:var(--color-success);--button-background-hover:var(--color-success-hover);--button-color:var(--text-secondary)}unb-button[variant=warning]{--button-background:var(--color-warning);--button-background-hover:var(--color-warning-hover);--button-color:var(--text-primary)}unb-button[variant=danger]{--button-background:var(--color-danger);--button-background-hover:var(--color-danger-hover);--button-color:var(--text-secondary)}unb-button>app-progress{border-radius:inherit}