Coffee Shop Interior Design | Commercial Cafe Counter & Display

Shop Category

Sub Category

Coffee Shop Interior Design Commercial Cafe Counter & Display (5)

Coffee Shop Interior Design Commercial Cafe Counter & Display (6)

Coffee Shop Interior Design Commercial Cafe Counter & Display (1)

Coffee Shop Interior Design Commercial Cafe Counter & Display (3)

Coffee Shop Interior Design Commercial Cafe Counter & Display (2)

Coffee Shop Interior Design Commercial Cafe Counter & Display (4)

✅ One-Stop Customization
Interior 3D design · Flexible layout / size / materials / branding

🏭 Factory-Direct Pricing
No middleman · 25+ years experience

📌 Certified Quality
ISO 9001 · CE · UL · RoHS Certified

🌍 Global Project Experience
Trusted by retailers worldwide

🚚 Secure Delivery & Lead Time
Production: 20–30 days · Shipping: 20–45 days (Air / Sea freight)

Coffee Shop Interior Design Project Overview

This coffee shop interior design project presents a contemporary commercial cafe concept that integrates coffee service, dessert display, and customer seating. The space is designed to support high-traffic daily operations while maintaining a clean and modern visual identity suitable for branded coffee and dessert stores.

Service Counter & Display Showcase Design

The service area is built around a custom-made commercial counter system combined with glass display showcases.

● Linear service counter design supports efficient customer queuing
● Tempered glass display cases suitable for desserts, ice cream, or specialty products
● Counter height and depth optimized for staff operation and product visibility
● Clean panel detailing enhances a professional retail appearance

This setup improves product presentation while maintaining smooth and efficient service flow.

Wall Display & Feature Design

The interior incorporates strong visual elements to reinforce brand identity and spatial depth.

● Custom wall feature with geometric patterns creates a focal point behind the counter
● Integrated shelving system used for product display and decorative items
● Neutral-toned wall finishes balance bold feature elements
● Lighting highlights textures and display zones without glare

These design elements strengthen brand recognition while enhancing the overall interior atmosphere.

Seating Area & Customer Layout

The seating area is arranged to support both short visits and longer stays.

● Fixed banquette seating combined with movable chairs and tables
● Seating aligned along walls to maximize central circulation space
● Clear separation between service and seating zones
● Comfortable spacing supports both group and individual customers

Materials & Interior Style

The cafe interior design follows a modern commercial aesthetic with durable, easy-maintenance materials.

● Patterned floor tiles define seating and circulation areas
● Upholstered seating selected for comfort and commercial durability
● Balanced use of metal, wood, and stone textures
● Materials chosen for easy cleaning and long-term use

Lighting & Ceiling Design

● Pendant lighting positioned above tables and service counters
● Integrated ceiling lighting provides even ambient illumination
● Decorative ceiling details add visual interest above service zones
● Warm light temperature enhances food and product presentation

Suitable Applications

● Coffee shops with dessert or ice cream service
● Urban cafe brands and chain stores
● Mixed coffee and specialty food concepts
● Commercial cafe interior design projects

Custom Coffee Shop Design & Fixture Solution

This project demonstrates a complete coffee shop interior design solution, including commercial layout planning, custom service counters, display showcases, seating systems, and wall fixtures. All cafe designs and fixtures can be customized to match store size, brand positioning, and operational requirements, with factory-direct manufacturing support.

Why Choose Ouyee

🎯 End-to-End Custom

— From concept and 3D planning to final finish. Flexible modules, sizes, materials, lighting, and brand graphics tailored to your store.

🧪 Quality You Can Verify

— Multi-point QC, export-grade packing, and electrical compatibility for 110/220V markets. Certification support available (ISO 9001 / CE / UL / RoHS upon request).

🏭 In-House Manufacturing

— Metal, wood, glass, and coating under one roof for tighter cost control and fewer layers between you and the build. 20+ years making retail fixtures.

🌐 Proven Abroad

— Projects delivered across 50+ countries with English drawings, install manuals, and remote tech support. Flat-pack kits labeled for quick on-site assembly.

🚚 Predictable Delivery

— Typical build window 20–30 days; international transit commonly 20–45 days by air or sea depending on route and volume.

Our Design Team

Ouyee’s design team turns brand intent into buildable retail spaces and fixture systems. We start with zoning and merchandising, then engineer every joint for durability and ease of installation.

Workflow: brand brief → zoning/traffic → 3D visuals → shop drawings → production handover

Shop 3D Design Services

Get all the latest information on shop design ideas, sales and offers. Subscribe to the newsletter.

Frequently Asked Questions

What is your design workflow and what deliverables will I receive?

Workflow: Brief/site data → zoning & traffic concept → 3D visuals review → shop/part drawings + BOM → production handover and post-check.
Deliverables:
1. Moodboard and material board (color chips, metals, wood veneers, glass, lighting styles)
2. Floor plan with traffic flow, key elevations/details, lighting and power layout
3. 3–6 hero 3D renders (optionally day/night or on/off lighting)
4. Shop/part drawings, hardware & lighting schedules, draft packing list
5. Basic install guide and maintenance notes; export-ready English documentation

What are the timeline and revision policy?

Typical timeline for 80–150 m²: concept & zoning 3–5 business days; full drawing set + renders 2–4 weeks; production prep 3–5 business days.
Revisions: 2–3 key rounds included (plan, materials, hero views). Extra views, structural changes, or out-of-scope edits billed by effort.
Drivers: size and complexity, brand standards depth, cross-border compliance, custom hardware or curved/oversize glass.

What do you need from me to start?

Essentials: floor plan or CAD, site photos and grid/columns, ceiling height and load limits, target budget and opening date.
Brand & merchandise: brand guide or references, SKU list and merchandising method, target audience and price bands.
Compliance: fire and accessibility requirements, electrical voltage/plug standards, security/CCTV needs.
No plan yet? Provide rough dimensions and a sketch. Ouyee can draft a basic layout and flow first.

How do shipping and installation work?

Packaging: modular flat-pack, foam + corner guards + plywood crates, multilingual labels and packing list.
Shipping: door-to-door or port terms; consolidation available; fragile parts separately crated with thicker liners.
Installation: local crew assembles; Ouyee provides remote technical support. Numbered parts and detail drawings for complex zones. Typical 80–150 m² installs complete major assembly in 1–3 days.
After-sales: report damages within 7 days with photos and list. Standard replacement flow. Spare-parts kit for common consumables.

How are fees, offsets, MOQ, and warranty handled?

Fees: by area/complexity or packaged per project. A negotiated portion of design fees can be offset if production proceeds with Ouyee.
Lead times: samples 7–10 days; mass production 25–35 days depending on quantity and processes.
MOQ: whole-store projects have no MOQ; custom single models commonly start around 10 sets, subject to structure.
Warranty: 12 months for structure and lighting/electrical against non-misuse failures. Misuse or unauthorized changes excluded.
Governing document: signed shop/part drawings govern production; renders communicate design intent.

Related Shop Design Ideas

Custom Perfume Kiosk in Mall

Modern Cell Phone Shop Counter Design

Jewellery Shop Minimalist Elegant Layout

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}ul.filebird-block-filebird-gallery{margin:auto !important;padding:0 !important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);-moz-column-width:var(--min-width);columns:var(--min-width) var(--columns);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit}.fb-block-hover-animation-zoomIn figure{overflow:hidden}.fb-block-hover-animation-zoomIn figure img{transform:scale(1);transition:.3s ease-in-out}.fb-block-hover-animation-zoomIn figure:hover img{transform:scale(1.3)}.fb-block-hover-animation-shine figure{overflow:hidden;position:relative}.fb-block-hover-animation-shine figure:before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));content:"";display:block;height:100%;left:-75%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:2}.fb-block-hover-animation-shine figure:hover:before{animation:shine .75s}@keyframes shine{to{left:125%}}.fb-block-hover-animation-opacity figure{overflow:hidden}.fb-block-hover-animation-opacity figure img{opacity:1;transition:.3s ease-in-out}.fb-block-hover-animation-opacity figure:hover img{opacity:.5}.fb-block-hover-animation-grayscale figure img{filter:grayscale(100%);transition:.3s ease-in-out}.fb-block-hover-animation-grayscale figure:hover img{filter:grayscale(0)}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:root{--wp--style--global--content-size:800px;--wp--style--global--wide-size:1200px}:where(body){margin:0}.wp-site-blocks > .alignleft{float:left;margin-right:2em}.wp-site-blocks > .alignright{float:right;margin-left:2em}.wp-site-blocks > .aligncenter{justify-content:center;margin-left:auto;margin-right:auto}:where(.wp-site-blocks) > *{margin-block-start:24px;margin-block-end:0}:where(.wp-site-blocks) > :first-child{margin-block-start:0}:where(.wp-site-blocks) > :last-child{margin-block-end:0}:root{--wp--style--block-gap:24px}:root :where(.is-layout-flow) > :first-child{margin-block-start:0}:root :where(.is-layout-flow) > :last-child{margin-block-end:0}:root :where(.is-layout-flow) > *{margin-block-start:24px;margin-block-end:0}:root :where(.is-layout-constrained) > :first-child{margin-block-start:0}:root :where(.is-layout-constrained) > :last-child{margin-block-end:0}:root :where(.is-layout-constrained) > *{margin-block-start:24px;margin-block-end:0}:root :where(.is-layout-flex){gap:24px}:root :where(.is-layout-grid){gap:24px}.is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important}.is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex > :is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid > :is(*, div){margin:0}body{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}a:where(:not(.wp-element-button)){text-decoration:underline}:root :where(.wp-element-button, .wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}.elementor-3315 .elementor-element.elementor-element-712b87b4:not(.elementor-motion-effects-element-type-background),.elementor-3315 .elementor-element.elementor-element-712b87b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cdn-ilednfc.nitrocdn.com/htwvNgLOAJJEmVEKcOynktNvaPDYLwNn/assets/images/optimized/rev-c20bc51/oydisplay.com/wp-content/uploads/2026/01/Coffee-Shop-Interior-Design-Commercial-Cafe-Counter-Display-6.jpg")}.elementor-3315 .elementor-element.elementor-element-712b87b4:not(.elementor-motion-effects-element-type-background).nitro-lazy,.elementor-3315 .elementor-element.elementor-element-712b87b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer.nitro-lazy{background-image:none !important}.elementor-3905 .elementor-element.elementor-element-54eb99b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(218.14307861328,206.1195277734,206.1195277734,.5);--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px}.elementor-3905 .elementor-element.elementor-element-54eb99b9:hover{box-shadow:0px 0px 10px 0px rgba(168.84307861328,157.33453087724,157.33453087724,.5)}.elementor-3905 .elementor-element.elementor-element-6237d324 > .elementor-widget-container{transition:background 0s}.elementor-3905 .elementor-element.elementor-element-db75381 .elementor-heading-title{font-size:17px;font-weight:400}.elementor-3905 .elementor-element.elementor-element-db75381 .elementor-heading-title a:hover,.elementor-3905 .elementor-element.elementor-element-db75381 .elementor-heading-title a:focus{color:var(--e-global-color-accent)}#back-to-top1424{position:fixed;right:30px;bottom:30px;width:35px;height:35px;background-color:rgba(153,153,153,.87);border-radius:3px;display:none;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease}#back-to-top1424:hover{background-color:#000;transform:translateY(-3px)}#back-to-top1424 svg{width:18px;height:18px;fill:#fff}.dd2123-whatsapp-container{display:inline-block;z-index:99999;position:fixed;left:24px;bottom:150px}.dd2123-wa-link{width:50px;height:50px;background-color:#25d366;border-radius:100px;display:flex;align-items:center;justify-content:center;animation:dd2123-bounce 5s ease-in-out infinite;box-shadow:0px 0px 11px rgba(0,0,0,.7);position:relative}.dd2123-wa-link svg{width:60%;fill:#fff;padding-left:3px}.dd2123-wa-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background-color:#f44336;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;line-height:16px}@keyframes dd2123-bounce{0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}