.wp-core-ui .bbe-admin-notice.notice {
        border-radius: 0;
        padding: 20px 25px;
        border: 0.5px solid rgba(0, 0, 0, 0.12);
        border-left: 6px solid #3858f6;
    }

    .bbe-admin-notice .admin-notice-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .bbe-admin-notice .notice-content {
        padding: 20px;
    }

    .bbe-admin-notice .notice-content .notice-title {
        margin: 0;
        font-size: 18px;
        line-height: 1.4;
        font-weight: 600;
        letter-spacing: -0.2px;
        color: #30344b;
    }

    .bbe-admin-notice .notice-content .notice-description {
        margin: 0;
        font-size: 13px;
        padding-left: 4px;
    }

    .bbe-admin-notice .notice-content .notice-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
        margin-top: 38px;
    }

    .bbe-admin-notice .action-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        border-radius: 3px;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.12);
        color: #30344b;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        transition: all .3s ease;
    }

    .bbe-admin-notice .action-button:hover {
        background: #f5f7ff;
        border-color: #3858f6;
        color: #3858f6;
        box-shadow: 0 4px 12px rgba(56, 88, 246, 0.12);
    }

    .bbe-admin-notice .action-button.importer {
        color: #fff;
        border: 0;
        background: linear-gradient(135deg, #3858f6 0%, #4F6CFF 100%);
    }

    .bbe-admin-notice .action-button.importer:hover {
        background: linear-gradient(135deg, #2647ee 0%, #3f5fff 100%);
        color: #fff;
        box-shadow: 0 6px 16px rgba(56, 88, 246, 0.25);
    }


    .bbe-admin-notice .notice-preview {
        position: relative;
        flex-shrink: 0;
        margin: 0;
    }

    .bbe-admin-notice .notice-thumb img {
        width: 260px;
        height: auto;
        border-radius: 24px;
        background-color: #e7e7e7;
    }

    .bbe-admin-notice .alert-dismiss {
        position: absolute;
        bottom: 5px;
        right: 5px;
        border: 0;
        background: transparent;
        color: rgb(255, 0, 0);
        font-size: 12px;
        font-weight: 400;
        cursor: pointer;
        transition: all .3s ease;
    }

    .bbe-admin-notice .alert-dismiss:hover {
        text-decoration: underline;
    }

    .notice-dismiss {
        position: absolute;
        top: 0px;
        right: 0px;
        border-radius: 50%;
        transition: all .3s ease;
    }

    .notice-dismiss:hover {
        background: rgba(56, 88, 246, 0.08);
        transform: rotate(90deg);
    }

    @keyframes floatImage {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-10px);
        }
        100% {
            transform: translateY(0px);
        }
    }

    @media (max-width: 1280px) {
        .admin-notice-inner {
            flex-direction: column;
            align-items: flex-start;
        }
    }

    /*
    ==========================================================================
    Review Notice
    ==========================================================================
    */

   .bbe-review-notice .action-button {
        gap: 5px;
        cursor: pointer;
   }

    .bbe-review-notice.notice {
        background: #eef7f1;
        border: 1px solid #cfe0d4;
        border-left: 4px solid #2e60eb;   /* blue accent bar, overrides WP's default green */
        border-radius: 6px;
        padding: 20px 28px;
        margin: 20px 0;
        box-shadow: none;
    }

    .bbe-review-notice h2 {
        margin: 0 0 14px;
        padding-left: 20px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        color: #212529;
    }

    .bbe-review-notice .notice-content-wrap {
        display: block;
    }

    .bbe-review-notice .notice-highlight {
        display: block;
        margin-bottom: 6px;
        font-size: 14px;
        font-weight: 500;
        color: #2e7d60;
    }

    .bbe-review-notice .notice-content p {
        margin: 0 0 20px;
        font-size: 14px;
        line-height: 1.6;
        color: #1e2126;
    }

    .bbe-review-notice .notice-content p .dashicons-smiley {
        vertical-align: text-bottom;
        color: #1e2126;
        font-size: 18px;
        width: 18px;
        height: 18px;
    }

    /* ---- Actions row ---- */

    .bbe-review-notice .notice-actions {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 16px;
    }

    .bbe-review-notice .notice-actions .desc-button {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .bbe-review-notice .button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        height: 40px;
        padding: 0 18px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
        text-decoration: none;
        box-shadow: none;
    }

    .bbe-review-notice .button .dashicons {
        width: 18px;
        height: 18px;
        font-size: 18px;
    }

    /* Primary action — Leave A Review (filled) */
    .bbe-review-notice .action-button.review {
        background: #2e60eb;
        border: 1px solid #2e60eb;
        color: #ffffff;
    }

    .bbe-review-notice .action-button.review:hover,
    .bbe-review-notice .action-button.review:focus {
        background: #244cc2;
        border-color: #244cc2;
        color: #ffffff;
    }

    .bbe-review-notice .action-button.review .dashicons {
        color: #ffffff;
    }

    /* Secondary actions — Maybe later / Never show again (outline) */
    .bbe-review-notice .action-button.maybe-later,
    .bbe-review-notice .action-button.dismiss {
        background: #ffffff;
        /* border: 1.5px solid #5a78dc; */
        color: #2e60eb;
    }

    .bbe-review-notice .action-button.dismiss:hover,
    .bbe-review-notice .action-button.dismiss:focus {
        background: #f2f5ff
    }

    .bbe-review-notice .action-button.maybe-later:hover,
    .bbe-review-notice .action-button.maybe-later:focus,
    .bbe-review-notice .action-button.dismiss:hover,
    .bbe-review-notice .action-button.dismiss:focus {
        background: #f2f5ff;
        border-color: #2e60eb;
        color: #2e60eb;
    }

    .bbe-review-notice .action-button.maybe-later .dashicons {
        color: #2e60eb;
    }

    /* Friction-reducer caption under the primary button */
    .bbe-review-notice .desc-button .description {
        margin: 0;
        padding: 0 2px;
        font-size: 13px;
        color: #6e747a;
    }

    /* ---- Responsive ---- */

    @media screen and (max-width: 600px) {
        .bbe-review-notice {
            padding: 18px 20px;
        }

        .bbe-review-notice .notice-actions {
            flex-direction: column;
            align-items: stretch;
        }

        .bbe-review-notice .button {
            justify-content: center;
        }
    }