button.Button{font-size:inherit;display:flex;gap:.5em;align-items:center;background-color:var(--clr-bg);color:var(--clr-text);outline:none;border:1px solid var(--clr-border);border-radius:var(--radius,.5em);padding:.5em 1em;white-space:nowrap;line-height:inherit;text-transform:none;cursor:pointer}button.Button:hover{--clr-bg:var(--clr-primary-200);--clr-text:var(--clr-black);--clr-border:var(--clr-primary-500)}button.Button:disabled,button.Button[disabled]{cursor:unset;opacity:.5;pointer-events:none}button.Button.primary{--clr-bg:var(--clr-primary-500);--clr-text:var(--clr-white);--clr-border:var(--clr-primary-500)}button.Button.primary:hover{--clr-bg:var(--clr-primary-200);--clr-text:var(--clr-black)}button.Button.secondary{--clr-bg:var(--clr-primary-400);--clr-text:var(--clr-primary-800)}button.Button.secondary:hover{--clr-bg:var(--clr-primary-300);--clr-text:var(--clr-primary-900);--clr-border:var(--clr-primary-600)}button.Button.outline{background-color:transparent;border:1px solid var(--clr-text)}button.Button.outline:hover{--clr-text:var(--clr-text-dark)}button.Button.icon{padding:.25em;border:none}button.Button.center{justify-content:center}button.Button.small{padding:.375rem .75rem;font-size:.75em;border-radius:var(--radius-sm,.2em)}button.Button.medium{padding:.5em 1em;font-size:1.2em;height:2em;border-radius:var(--radius,.4em)}button.Button.large{padding:1em 1.5em;font-size:2em;height:3em;border-radius:var(--radius-lg,.6em)}button.Button.full{width:100%;padding:.5em 1em;justify-content:center}button.Button.rotate-icon>svg{transition:transform .3s}button.Button.rotate-icon>svg:hover{transform:rotate(90deg)}button.Button.transparent{border:none}button.Button.transparent,button.Button.transparent:hover{background-color:transparent;color:inherit}button.Button.link{background-color:transparent;border:none}button.Button.link:hover{color:var(--clr-text-dark,inherit)}