.button,[type=file]::file-selector-button,button,form button{--color:#fff;background-color:var(--brand-primary);border:none;border-radius:0;box-sizing:border-box;color:var(--color);display:inline-block;font-weight:700;hyphens:manual;letter-spacing:.05em;line-height:1.2em;padding:.625rem 1rem;text-align:center;text-decoration:none;text-transform:uppercase}.button:hover,[type=file]::file-selector-button:hover,button:hover,form button:hover{background-color:oklch(from var(--brand-primary) calc(l - .1) c h);color:var(--color)}.button:active,[type=file]::file-selector-button:active,button:active,form button:active{background:var(--brand-primary);border:4px solid oklch(from var(--brand-primary) calc(l - .1) c h);color:var(--color);padding:.375rem .75rem}.button.secondary,[type=file]::file-selector-button.secondary,button.secondary,form button.secondary{--border-width:2px;--color:var(--brand-primary);background-color:#0000;border:var(--border-width) solid var(--brand-primary);padding:calc(.625rem - var(--border-width)) calc(1rem - var(--border-width))}.button.secondary:active,.button.secondary:hover,[type=file]::file-selector-button.secondary:active,[type=file]::file-selector-button.secondary:hover,button.secondary:active,button.secondary:hover,form button.secondary:active,form button.secondary:hover{--border-width:4px}.button:disabled,.button[disabled],[type=file]::file-selector-button:disabled,[type=file]::file-selector-button[disabled],button:disabled,button[disabled],form button:disabled,form button[disabled]{cursor:not-allowed;opacity:.5}.button:visited{color:var(--color)}.button.secondary,[type=file]::file-selector-button{--border-width:2px;--color:var(--brand-primary);background-color:#0000;border:var(--border-width) solid var(--brand-primary);padding:calc(.625rem - var(--border-width)) calc(1rem - var(--border-width))}.button.secondary:active,.button.secondary:hover,[type=file]::file-selector-button:active,[type=file]::file-selector-button:hover{--border-width:4px;--color:var(--brand-primary);border:var(--border-width) solid var(--brand-primary);color:var(--color);padding:calc(.625rem - var(--border-width)) calc(1rem - var(--border-width))}[type=file]:hover::file-selector-button{--border-width:4px;--color:var(--brand-primary);background-color:#0000;border:var(--border-width) solid var(--brand-primary);color:var(--color);padding:calc(.625rem - var(--border-width)) calc(1rem - var(--border-width))}[type=file]:active::file-selector-button{--border-width:4px;--color:var(--brand-primary);background-color:#0000;border:var(--border-width) solid var(--brand-primary);color:var(--color);padding:calc(.625rem - var(--border-width)) calc(1rem - var(--border-width))}
/*# sourceMappingURL=component.button.css.map*/