<style>
    :root {
        --fp-bg: rgba(67, 117, 158, 0.05);   /* Nền mờ cực nhẹ tông xanh */
        --fp-border: rgba(67, 117, 158, 0.2); /* Viền mỏng */
        --fp-text: #1a2a3a;
        --fp-accent: #43759e;
        --fp-white: #ffffff;
    }

    .fashion-pill-wrapper {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        font-family: 'Inter', sans-serif;
    }

    .fashion-pill {
        max-width: 1400px;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.8);
        border: 1px solid var(--fp-border);
        border-radius: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 6px 6px 20px;
        box-shadow: 0 8px 32px rgba(67, 117, 158, 0.1);
        backdrop-filter: blur(12px);
    }

    /* Tag bên trái */
    .fp-left {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .fp-badge {
        background: var(--fp-accent);
        color: var(--fp-white);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.15em;
        padding: 4px 10px;
        border-radius: 20px;
        text-transform: uppercase;
    }

    /* Nội dung trung tâm */
    .fp-center {
        flex: 1;
        text-align: center;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: var(--fp-text);
        text-transform: uppercase;
        padding: 0 15px;
    }

    .fp-center b { color: var(--fp-accent); }

    /* Nút CTA bên phải */
    .fp-right .fp-btn {
        display: flex;
        align-items: center;
        gap: 8px;
        background: var(--fp-text);
        color: var(--fp-white);
        padding: 8px 20px;
        border-radius: 40px;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        text-decoration: none;
        transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .fp-right .fp-btn:hover {
        background: var(--fp-accent);
        transform: scale(0.95);
    }

    /* Responsive */
    @media (max-width: 600px) {
        .fashion-pill { padding: 10px; flex-direction: column; gap: 10px; border-radius: 20px; }
        .fp-left { display: none; }
        .fp-right .fp-btn { width: 100%; justify-content: center; }
    }
</style>

<div class="fashion-pill-wrapper">
    <div class="fashion-pill">
        
        
        <div class="fp-left">
            <span class="fp-badge">New Arrival</span>
        </div>

        
        <div class="fp-center">
            <b>SS26 Collection</b> — Sophistication redefined in <i>every detail</i>
        </div>

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

    </div>
</div>

Home

All Products

About Us

Order Tracking

Contact Us

Boxer Love Notebook

Laser Sharp Cat Notebook

Happy Corgi Notebook - Yellow

Pretty Jandaya Parakeet Notebook

Three Dachshunds Notebook

Russian Blue Sparkle Cat Notebook

Happy Corgi Notebook - White

Cavalier King Charles Spaniel Notebook

Wringkly Sprinkly Bulldog Notebook

Little Meowmaid Cat Notebook

Cats In Love Notebook

Pawsitively Adorable Cats Notebook

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Shop our collection of unique handmade products, arts, t-shirts, stickers, clothes and gifts designed by independent artists.

KENTIPER.COM

Contact us

United States