.Button{position:relative;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius);line-height:1.25rem;font-weight:500;padding:.5rem 1rem;border:0 solid transparent;height:2.5rem;gap:.5rem;touch-action:manipulation;text-decoration:none;font-size:.9rem;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease}.Button.icon{padding:.25rem;height:1.5rem}.Button:disabled{opacity:.5;cursor:not-allowed}.Button.default{background-color:hsla(var(--primary));color:hsla(var(--primary-foreground))}.Button:hover{background-color:hsla(var(--primary),.8)}.Button.secondary{background-color:hsla(var(--secondary));color:hsla(var(--secondary-foreground))}.Button.secondary:hover{background-color:hsla(var(--secondary),.8)}.Button.link{background-color:transparent;color:hsla(var(--primary));padding:.5rem 0}.Button.link:hover{text-decoration:underline}.Button.outline{background-color:transparent;color:hsla(var(--primary));border:1px solid hsla(var(--border));outline:none}.Button.outline:hover{background-color:hsla(var(--primary),.1)}.Button.plain{background-color:transparent;color:inherit}.Button.plain:hover{background-color:#3f24ff1a}.Button.danger{background-color:red;color:#fff}.Button.danger:hover{background-color:#c00}.Button.active{font-weight:700;border-left:4px solid hsl(var(--primary));border-right:4px solid hsl(var(--primary));background-color:#3f24ff1a}.Button:before{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius);content:"";background-image:radial-gradient(70% 70% at center top,hsla(0,0%,100%,.3),transparent)}