.buttons{display:flex}.buttons.buttons--mode-row{flex-flow:row wrap}.buttons.buttons--mode-row-center{flex-flow:row wrap;justify-content:center}.buttons.buttons--mode-column{flex-flow:column}.buttons.buttons--gap-none{gap:0}.buttons.buttons--gap-narrow{gap:8px}.buttons.buttons--gap-medium{gap:16px}.buttons.buttons--gap-wide{gap:24px}.buttons.buttons--bleed-none{grid-column:content!important}.buttons.buttons--bleed-bleed{grid-column:bleed!important}.buttons.buttons--bleed-screen{grid-column:1/-1!important}.buttons .button{margin:0}.buttons .button svg{height:var(--svg-size);width:var(--svg-size)}.buttons .button.button--size-tiny{font-size:10px;--svg-size: 12px}.buttons .button.button--size-small{font-size:14px;--svg-size: 16px}.buttons .button.button--size-medium{font-size:16px;--svg-size: 18px}@container (max-width: 500px){.buttons .button.button--size-medium{font-size:15px}}.buttons .button.button--size-large{font-size:24px;--svg-size: 24px}@container (max-width: 500px){.buttons .button.button--size-large{font-size:18px}}.buttons .button.button--size-extra-large{font-size:32px;--svg-size: 32px}@container (max-width: 500px){.buttons .button.button--size-extra-large{font-size:24px}}
/*# sourceMappingURL=jdd-component__buttons.entrypoint.css.map */