:root {
    --modal-footer-background: var(--color-light-modal-bg-primary);
    --modal-footer-highlight-background: var(--color-light-modal-bg-primary);
    --modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
}

.footer {
    width: 100%;
    box-sizing: border-box;
    transition:
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.sticky {
    background: var(--modal-footer-background);
    position: sticky;
}

.highlighted {
    background: var(--modal-footer-highlight-background);
    box-shadow: var(--modal-footer-highlight-box-shadow);
}