Can zaraz be used with third-party consent management?

I tried using the Zaraz consent management platform, but the user experience was poor. The consent appears in the middle of the screen, and when I attempt to use CSS, it does not function properly. How do all of you implement cookie consent when using Zaraz? I would like it to be similar to most other websites where the cookie consent is displayed in the bottom right corner of the screen. Additionally, I believe it is better when it is possible to optimize for the user to choose the “Accept All” option featuring a larger button for this option.

What exact problems did you face with customizing the CSS?

The default “same color for both buttons” approach it inspired by GDPR guidelines, although the CSS customization allows you to overwrite that default

Thanks for the reply.

I tried this CSS code, but it does not work. I am new to CSS and can not find a sample of CSS to customize this Zaraz consent. I want the consent to show on the bottom right of the screen.

.cf_modal {
    position: fixed !important; /* Ensuring override with !important */
    bottom: 0 !important;
    right: 0 !important;
    /* Additional styling */
}

Here’s some CSS to get you started:

.cf_modal {
    max-height: 300px;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
}

.cf_consent-buttons {
   max-width: none;
}