[Bug] css variable not foud

[rbalet]

Ngx-CookieConsent Version

v6.0.0

CookieConsent Version

v3.1.1

Angular CLI (or Nx CLI) Version

v19.8.4

Node Version

v20.18.0

OS Version

Mac Os

Expected Behaviour

Being able to change the margin bottom with the --cc-modal-margin variable.

source

Actual Behaviour

The variable is hard coded

Steps to reproduce the behaviour

import { NgcCookieConsentConfig, provideNgcCookieConsent } from 'ngx-cookieconsent'

const cookieConfig: NgcCookieConsentConfig = {
  cookie: {
    domain: 'my-domain.com',
  },
  position: 'bottom-left',
  theme: 'classic',
  palette: {
    popup: {
      background: '#000000',
      text: '#ffffff',
      link: '#ffffff',
    },
    button: {
      background: '#2da2da',
      text: '#ffffff',
      border: 'transparent',
    },
  },
  type: 'opt-in',
  content: {
    message: `We're using cookies to ensure you get the best experience on the website.`,
    dismiss: `Allow`,
    deny: `Refuse`,
    link: `Learn more`,
    href: 'https://cookiesandyou.com',
    policy: 'Cookie Policy',
  },
}