:root {
  --idunds-hamburger-toggle-size: 56px;
  --idunds-hamburger-toggle-color: var(--idunds-root-color-primary-base);
}

.hamburger-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--idunds-hamburger-toggle-size);
    height: var(--idunds-hamburger-toggle-size);
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--idunds-hamburger-toggle-color);
}

.hamburger-toggle svg {
    display: block;
    width: var(--idunds-hamburger-toggle-size);
    height: var(--idunds-hamburger-toggle-size);
}

.hamburger-toggle__icon-close { display: none; }

.hamburger-toggle.is-open .hamburger-toggle__icon-burger { display: none; }

.hamburger-toggle.is-open .hamburger-toggle__icon-close { display: block; }