Name: Pawsitively Adorable Cats Notebook
Brand: kokukala
SKU: 6a70be7f048904428b9df26f
Price: 29.00 USD
Availability: InStock

<style>
    :root {
        --fb-bg: rgba(255, 255, 255, 0.92);
        --fb-text: #1e1b4b;
        --fb-muted: #64748b;
        --fb-custom-color: #6366f1;
        --fb-custom-gradient: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
    }

    .creative-banner-wrapper {
        width: 100%;
        padding: 16px 20px;
        box-sizing: border-box;
        font-family: 'Plus Jakarta Sans', sans-serif;
        position: relative;
        z-index: 50;
    }

    /* Viền Gradient và hiệu ứng nổi */
    .creative-banner {
        margin: 0 auto;
        position: relative;
        border-radius: 20px;
        padding: 2px;
        background: var(--fb-custom-gradient);
        box-shadow: 0 12px 40px rgba(99, 102, 241, 0.18);
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .creative-banner:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 48px rgba(99, 102, 241, 0.28);
    }

    /* Nội dung kính mờ bên trong */
    .creative-banner-inner {
        background: var(--fb-bg);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-radius: 18px;
        padding: 14px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        flex-wrap: wrap;
    }

    /* Badge bên trái */
    .cb-left {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .cb-badge {
        background: var(--fb-custom-gradient);
        color: #ffffff;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        padding: 6px 14px;
        border-radius: 30px;
        box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    }

    .cb-subtitle {
        font-size: 13px;
        font-weight: 600;
        color: var(--fb-muted);
    }

    /* Nội dung chữ ở giữa */
    .cb-center {
        flex: 1;
        text-align: center;
        font-size: 13.5px;
        color: var(--fb-text);
        font-weight: 500;
        letter-spacing: -0.01em;
    }

    .cb-center strong {
        font-weight: 700;
        background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    /* Nút CTA bên phải */
    .cb-right .cb-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
        color: #ffffff;
        text-decoration: none;
        padding: 10px 24px;
        border-radius: 30px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(236, 72, 153, 0.25);
    }

    .cb-right .cb-btn:hover {
        opacity: 0.9;
        box-shadow: 0 6px 20px rgba(236, 72, 153, 0.4);
        transform: translateY(-1px);
    }

    .cb-arrow {
        transition: transform 0.3s ease;
    }

    .cb-right .cb-btn:hover .cb-arrow {
        transform: translateX(5px);
    }

    /* Responsive */
    @media (max-width: 900px) {
        .cb-subtitle { display: none; }
    }

    @media (max-width: 650px) {
        .creative-banner-inner {
            flex-direction: column;
            text-align: center;
            padding: 18px 20px;
            gap: 14px;
        }
        .cb-center {
            font-size: 13px;
            line-height: 1.5;
        }
        .cb-right {
            width: 100%;
        }
        .cb-right .cb-btn {
            width: 100%;
            justify-content: center;
        }
    }
</style>

<div class="creative-banner-wrapper">
    <div class="creative-banner">
        <div class="creative-banner-inner">
            
            
            <div class="cb-left">
                <span class="cb-badge">Kokukala Special</span>
                <span class="cb-subtitle">Global Shipping</span>
            </div>

            
            <div class="cb-center">
                <span>✨ Enjoy Fast & Secure Worldwide Delivery — Explore Our <strong>New Arrivals</strong> Today! ✨</span>
            </div>

            
            <div class="cb-right">
                <a href="/shop" class="cb-btn">
                    Shop Now <span class="cb-arrow">→</span>
                </a>
            </div>

        </div>
    </div>
</div>

Home

Shop

About Us

Contact Us

Order Tracking

FAQs

<p>Cute and classy cats say it all through 'Pawsitively Adorable Cats' notebook, which you can't miss if you truly believe that love makes the world go around.</p>

Pawsitively Adorable Cats Notebook

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Pawsitively Adorable Cats Notebook - Cute and classy cats say it all through 'Pawsitively Adorable Cats' notebook, which you can't miss if you truly believe that love makes the world go around.

kokukala

Contact us

United States

Cute and classy cats say it all through 'Pawsitively Adorable Cats' notebook, which you can't miss if you truly believe that love makes the world go around.