.button{--button-bg: var(--color-primary);--button-text: var(--color-dark);--button-x-padding: 1.25em;--button-y-padding: 1em;--button-gutter: var(--space-2xs);--focus-color: var(--color-primary);--button-font-size: var(--font-l);--button-border: none;display:inline-flex;gap:var(--button-gutter);align-items:center;justify-content:space-around;line-height:var(--leading-flat);position:relative;border:var(--button-border);cursor:pointer;background:var(--button-bg);color:var(--button-text);padding:var(--button-y-padding) var(--button-x-padding);text-decoration:none;font-size:var(--button-font-size);font-weight:var(--font-semibold);border-radius:var(--corner-xl);transition:background-color var(--transition-base)}.button:hover{background-color:var(--color-yellow-80)}.button:active{transform:scale(99%)}.button:disabled,.button[aria-disabled=true]{background-color:var(--color-yellow-80);opacity:.24}.button[data-button-size=small]{--button-font-size: var(--font-m)}.button[data-button-variant=secondary]{--button-bg: var(--color-light);--focus-color: var(--color-dark);--button-border: 1px solid var(--color-yellow-60);--button-x-padding: 1.43em}.button[data-button-variant=secondary]:hover{background-color:var(--color-yellow-60)}.button[data-button-variant=secondary]:disabled,.button[data-button-variant=secondary][aria-disabled=true]{background-color:var(--color-light);opacity:.24}.button[data-button-variant=tertiary]{--button-border: none;--button-bg: var(--color-light);svg{display:inline-block;position:relative;border-radius:var(--corner-xl);border:1px solid var(--color-yellow-60);box-sizing:content-box;padding:var(--space-3xs)}}.button[data-button-variant=tertiary]:hover{background-color:var(--color-light);svg{background-color:var(--color-yellow-60);border-color:var(--color-yellow-60)}}.button[data-button-variant=tertiary]:disabled,.button[data-button-variant=tertiary][aria-disabled=true]{background-color:var(--color-light);opacity:.24}