@use 'sass:map';
@use '@tokens' as tokens;
@use '../tools/units';

$enable-link-buttons: false; // Optionally render secondary button(s) in consent modal as links.

$breakpoint-tablet-down: 688px; // Original value from Cookie Consent styles.
$breakpoint-desktop-down: 1024px - 1;

$button-padding: calc(#{units.convert2em(tokens.$space-400)} - var(--lmcccm-p-btn-border-width))
    units.convert2em(tokens.$space-700);
$button-spacing-x: units.convert2em(tokens.$space-600);
$button-spacing-y: units.convert2em(tokens.$space-600);

$consent-box-max-width: 40em;
$consent-cloud-max-width: 68em;

$modal-padding-desktop: units.convert2em(tokens.$space-700);
$modal-padding-tablet: units.convert2em(tokens.$space-600);
$modal-header-height-desktop: 4.8125em;
$modal-header-height-tablet: 3.375em;
$modal-footer-height-desktop: 5.5em;
$modal-footer-height-tablet-2-buttons: 8em;
$modal-footer-height-tablet-3-buttons: 11.5em;
$modal-section-border-width: tokens.$border-width-100;