.base-button{border:0;background-color:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:1ex;line-height:1}.base-button :not(svg){flex:1 1 max-content;height:.75em}.base-button svg{flex:0 0 auto;width:.875em;height:.875em}.base-button[data-variant=primary],.base-button[data-variant=outline],.base-button[data-variant=link]{--border-radius: 100px;border-radius:var(--border-radius)}.base-button[data-variant=text]{background-color:unset}.base-button[data-variant=text].primary{color:var(--primary)}.base-button[data-variant=text].secondary{color:var(--secondary)}.base-button[data-variant=text].tertiary{color:var(--tertiary)}.base-button[data-variant=text].error{color:var(--error)}.base-button[data-variant=outline]{background-color:unset;border-width:2px;border-style:solid}.base-button[data-variant=outline].primary{color:var(--primary);border-color:var(--primary)}.base-button[data-variant=outline].secondary{color:var(--secondary);border-color:var(--secondary)}.base-button[data-variant=outline].tertiary{color:var(--tertiary);border-color:var(--tertiary)}.base-button[data-variant=outline].error{color:var(--error);border-color:var(--error)}.base-button[data-variant=link]{width:fit-content;text-decoration:none}