.btn{--button-padding-y: var(--spacing-xs);--button-padding-x: var(--spacing-s);--button-min-height: var(--button-height);min-height:var(--button-min-height);line-height:inherit;font-weight:inherit;border:none;padding:var(--button-padding-y) var(--button-padding-x);display:inline-flex;gap:var(--spacing-s);align-items:center;text-decoration:none;justify-content:center;background-color:transparent;font-family:var(--font-secondary);font-size:inherit}.btn--compact{--button-padding-y: var(--spacing-xxs);--button-padding-x: var(--spacing-xs);--button-min-height: none}.btn--full-width{width:100%}.btn--outline{border:.0625rem solid var(--button-outline-border-color);color:var(--button-outline-fg);background:var(--button-outline-bg)}.btn--outline:where(:not([disabled]):not([data-disabled])):hover,.btn--outline:where(:not([disabled]):not([data-disabled])):focus-visible{border-color:var(--button-outline-bg--hover);background-color:var(--button-outline-bg--hover);color:var(--button-outline-fg--hover)}.btn--outline:where(:not([disabled]):not([data-disabled])):active,.btn--outline:where(:not([disabled]):not([data-disabled]))[aria-pressed=true],.btn--outline:where(:not([disabled]):not([data-disabled]))[aria-expanded=true]{background-color:var(--kiwa-blue--light)}.btn--filled{background-color:var(--button-bg);color:var(--button-fg)}.btn--filled:where(:not([disabled]):not([data-disabled])):hover,.btn--filled:where(:not([disabled]):not([data-disabled])):focus-visible{background-color:var(--button-bg--hover);color:var(--button-fg--hover)}.btn--secondary{border:.0625rem solid var(--kiwa-dark-blue);color:var(--kiwa-dark-blue)}.btn--secondary:where(:not([disabled]):not([data-disabled])):hover,.btn--secondary:where(:not([disabled]):not([data-disabled])):focus-visible{background-color:var(--kiwa-dark-blue);color:var(--color-white)}.btn--tertiary{background-color:var(--color-white);border:.0625rem solid var(--color-grey--medium);color:var(--kiwa-dark-blue)}.btn--tertiary:where(:not([disabled]):not([data-disabled])):hover,.btn--tertiary:where(:not([disabled]):not([data-disabled])):focus-visible{border-color:var(--kiwa-dark-blue)}.btn--rounded{border-radius:var(--button-height)}.btn[disabled],.btn[data-disabled]{cursor:not-allowed}