#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #f6ded3;
            background: -moz-linear-gradient(top, #f6ded3 0%, #f6ded3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ded3), color-stop(100%,#f6ded3));
            background: -webkit-linear-gradient(top, #f6ded3 0%,#f6ded3 100%);
            background: -o-linear-gradient(top, #f6ded3 0%,#f6ded3 100%);
            background: -ms-linear-gradient(top, #f6ded3 0%,#f6ded3 100%);
            background: linear-gradient(to bottom, #f6ded3 0%, #f6ded3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ded3', endColorstr='#f6ded3',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #000000;
                        }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));
            background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

            background-repeat: no-repeat;
            color: #000000;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://dev-blog.pipcke.fr/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://dev-blog.pipcke.fr/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                        }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #555555;
            background-color: #555555;
            color: #000000;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }.copy-btn { background-color: transparent; border: none; padding: 0px 5px 0px 5px; cursor: pointer; font-size: 18px; border-radius: 5px; margin-left: 5px; } .copy-btn:hover { background-color: transparent; } .pk-action-btn { font-weight: 600 !important; font-family: 'Poppins', sans-serif !important; padding: 7px 20px !important; border-radius: 20px !important; margin-left: 20px !important; font-size: 1rem !important; white-space: nowrap; line-height: 1.5 !important; color: #eeeeee; border-color: #282828; background-color: #282828; } .wpfront-message { font-weight: 500 !important; display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; text-align: center; padding: 5px 15px; } @media (max-width: 767px) { .wpfront-message { flex-direction: column; gap: 6px; } .pk-action-btn { margin-left: 0 !important; font-size: 0.75rem !important; } #wpfront-notification-bar-spacer { height: 100px !important; } .wpfront-notification-bar { height: auto !important; min-height: 60px; padding: 10px 15px !important; } .wpfront-notification-bar p, .wpfront-notification-bar .message { font-size: 13px !important; margin: 0; } .wpfront-notification-bar .button { font-size: 12px !important; padding: 4px 10px !important; } }