<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

Cosmic Whaleshark Tote Bags

Manta Ray Tote Bags

Sting Ray Tote Bag

Ocean Spirit Tote Bags

Jellyfish Art Tote Bag

Turtle Art Tote Bag

Cute Cat Canvas Tote Bag

Daisy Bloom Tote Bags

Pufferfish Tote Bag

Floral Art Canvas Tote Bag

Cute Crab Tote Bag

Cat Embroidered Beach Tote Bag

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Shop Everyday Tote Bag products at our online store.

KENTIPER.COM

Contact us

United States

Browse Everyday Tote Bag — unique handmade products designed by independent artists.