button.button{border-radius:var(--radius-component);min-width:42px;min-height:42px;transition:background-color var(--transition-duration,.4s)ease-in,color var(--transition-duration,.4s)ease-in;justify-content:center;align-items:center;gap:.5rem;padding:8px;font-size:1rem;display:inline-flex}button.button:focus-visible{box-shadow:0 0 0 2px var(--color-projects)}button.button[data-style=primary]{background-color:var(--color-foreground);color:var(--color-background);border:none}button.button[data-style=primary]:hover{background-color:var(--color-muted-foreground)}button.button[data-style=secondary]{background-color:var(--color-muted);color:var(--color-foreground);border:none}button.button[data-style=secondary]:hover{background-color:var(--color-border-muted)}button.button[data-style=ghost]{color:var(--color-foreground);background-color:#0000;border:none}button.button[data-style=ghost]:hover{background-color:var(--color-muted);color:var(--color-foreground)}button.button[data-style=outline]{border:1px solid var(--color-border-muted);background-color:var(--color-background);color:var(--color-foreground)}button.button[data-style=outline]:hover{background-color:var(--color-muted)}button.button[data-style=destructive]{background-color:var(--color-connect);color:var(--color-background);border:none}button.button[data-style=destructive]:hover{background-color:var(--color-connect);opacity:.9}