.icon{flex-shrink:0;display:inline-flex}.icon svg{display:block}.button{cursor:pointer;border:1px solid var(--color-accent-border);border-radius:var(--space-size-s);padding:var(--space-size-xs-s) var(--space-size-m-l);justify-content:center;align-items:center;gap:var(--space-size-2xs-xs);color:var(--color-accent);white-space:nowrap;transition:background-color var(--transition-default-duration) var(--transition-default-timing-function),border-color var(--transition-default-duration) var(--transition-default-timing-function),color var(--transition-default-duration) var(--transition-default-timing-function);background-color:#0000;flex-direction:row;margin:0;text-decoration:none;display:inline-flex}.button[disabled]{cursor:default;opacity:.3}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button--variant-white{background-color:var(--color-body-background);border-color:var(--color-accent-border-light)}.button--variant-white:not([disabled]):focus-visible,.button--variant-white:not([disabled]):hover{border-color:var(--color-body-background);color:var(--color-body-text-inverse);background-color:#0000}.button--variant-green{background-color:var(--color-accent);color:var(--color-body-text-inverse)}.button--variant-green:not([disabled]):focus-visible,.button--variant-green:not([disabled]):hover{color:var(--color-accent);background-color:#0000}.button--variant-blue{background-color:var(--color-primary);border-color:var(--color-primary-border);color:var(--color-body-text-inverse)}.button--variant-blue:not([disabled]):focus-visible,.button--variant-blue:not([disabled]):hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0000}.button--variant-blue:focus-visible{outline-color:var(--color-primary)}.button--variant-outlined:not([disabled]):focus-visible,.button--variant-outlined:not([disabled]):hover{background-color:var(--color-accent);color:var(--color-body-text-inverse)}.button__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.button__icon svg{display:block}.button--icon-reversed .button__icon{order:2}.button--icon-reversed .button__text{order:1}.container{width:min(var(--grid-whole),100% - var(--grid-padding) * 2);margin-inline:auto}.container--size-full{width:100%}
