Skip to main content

3 posts tagged with "Outlook"

View All Tags

Emoji list

· 9 min read
Nicki Pabst
Emoji list 2024

Emoji article cover image

Every year new emojis are added, and before you add them to your email campaign, you need to be sure that they actually work.

The emoji safe-to-use list as of 2024


  • ❌ Do not use the non-gender emojis
  • ⚠️ Be aware that skin color has full support on the shown emojis

Smileys
😀 😃 😄 😁 😆 😅 😂 🤣 ☺️ 😊 😇 🙂 🙃 😉 😌 😍 🥰 😘 😗 😙 😚 😋 😛 😝 😜 🤪 🤨 🧐 🤓 😎 🤩 🥳 😏 😒 😞 😔 😟 😕 🙁 ☹️ 😣 😖 😫 😩 🥺 😢 😭 😤 😠 😡 🤬 🤯 😳 🥵 🥶 😱 😨 😰 😥 😓 🤗 🤔 🤭 🤫 🤥 😶 😐 😑 😬 🙄 😯 😦 😧 😮 😲 🥱 😴 🤤 😪 😵 🫥 🤐 🥴 🤢 🤮 🤧 😷 🤒 🤕 🤑 🤠 😈 👿 👹 👺 🤡 💩 👻 💀 ☠️ 👽 👾 🤖 🎃 😺 😸 😹 😻 😼 😽 🙀 😿 😾

Gestures & Body parts
👋 🤚 🖐 ✋ 🖖 👌 🤏 ✌️ 🤞 🤟 🤘 🤙 👈 👉 👆 🖕 👇 ☝️ 👍 👎 ✊ 👊 🤛 🤜 👏 🙌 👐 🤲 🤝 🙏 ✍️ 💅 🤳 💪 🦾 🦵 🦿 🦶 👣 👂 🦻 👃 🧠 🦷 🦴 👀 👁 👅 👄 💋 🩸

People and Fantasy
👶 👧 🧒 👦 👩 🧑 👨 👩‍🦱 👨‍🦱 👩‍🦰 🧑‍🦰 👱‍♀️ 👱 👩‍🦳 👨‍🦳 👩‍🦲 🧑‍🦲 🧔‍♂️ 👵 🧓 👴 👲 👳‍♀️ 👳 👳‍♂️ 🧕 👮‍♀️ 👮 👮‍♂️ 👷‍♀️ 👷 👷‍♂️ 💂‍♀️ 💂 💂‍♂️ 🕵️‍♀️ 🕵️ 🕵️‍♂️ 👩‍⚕️ 👨‍⚕️ 👩‍🌾 👨‍🌾 👩‍🍳 👨‍🍳 👩‍🎓 👨‍🎓 👩‍🎤 👨‍🎤 👩‍🏫 👨‍🏫 👩‍🏭 👨‍🏭 👩‍💻 👨‍💻 👩‍💼 👨‍💼 👩‍🔧 👨‍🔧 👩‍🔬 👨‍🔬 👩‍🎨 👨‍🎨 👩‍🚒 👨‍🚒 👩‍✈️ 👨‍✈️ 👩‍🚀 👨‍🚀 👩‍⚖️ 👨‍⚖️ 👰‍♀️ 👰‍♂️ 🤵‍♀️ 🤵‍♂️ 👸 🤴 🦸‍♀️ 🦸‍♂️ 🦹‍♀️ 🦹‍♂️ 🤶 🎅 🧙‍♀️ 🧙‍♂️ 🧝‍♀️ 🧝‍♂️ 🧛‍♀️ 🧛‍♂️ 🧟‍♀️ 🧟‍♂️ 🧞‍♀️ 🧞‍♂️ 🧜‍♀️ 🧜‍♂️ 🧚‍♀️ 🧚‍♂️ 👼 🤰 🤱 🙇‍♀️ 🙇‍♂️ 💁‍♀️ 💁‍♂️ 🙅‍♀️ 🙅‍♂️ 🙆‍♀️ 🙆‍♂️ 🙋‍♀️ 🙋‍♂️ 🧏‍♀️ 🧏‍♂️ 🤦‍♀️ 🤦‍♂️ 🤷‍♀️ 🤷‍♂️ 🙎‍♀️ 🙎‍♂️ 🙍‍♀️ 🙍‍♂️ 💇‍♀️ 💇‍♂️ 💆‍♀️ 💆‍♂️ 🧖‍♀️ 🧖‍♂️ 💅 🤳 💃 🕺 👯‍♀️ 👯‍♂️ 🕴 👩‍🦽 👨‍🦽 👩‍🦼 👨‍🦼 🚶‍♀️ 🚶‍♂️ 👩‍🦯 👨‍🦯 🧎‍♀️ 🧎‍♂️ 🏃‍♀️ 🏃‍♂️ 🧍‍♀️ 🧍‍♂️ 👭 👬 👫 👩‍❤️‍👩 👨‍❤️‍👨 👩‍❤️‍👨 👩‍❤️‍💋‍👩 💏 👨‍❤️‍💋‍👨 👩‍❤️‍💋‍👨 👨‍👩‍👦 👨‍👩‍👧 👨‍👩‍👧‍👦 👨‍👩‍👦‍👦 👨‍👩‍👧‍👧 👨‍👨‍👦 👨‍👨‍👧 👨‍👨‍👧‍👦 👨‍👨‍👦‍👦 👨‍👨‍👧‍👧 👩‍👩‍👦 👩‍👩‍👧 👩‍👩‍👧‍👦 👩‍👩‍👦‍👦 👩‍👩‍👧‍👧 👨‍👦 👨‍👦‍👦 👨‍👧 👨‍👧‍👦 👨‍👧‍👧 👩‍👦 👩‍👦‍👦 👩‍👧 👩‍👧‍👦 👩‍👧‍👧 🗣 👤 👥

Clothing and Accessories
🧳 🌂 ☂️ 🧵 🧶 👓 🕶 🥽 🥼 🦺 👔 👕 👖 🧣 🧤 🧥 🧦 👗 👘 🥻 🩱 🩲 🩳 👙 👚 👛 👜 👝 🎒 👞 👟 🥾 🥿 👠 👡 🩰 👢 👑 👒 🎩 🎓 🧢 ⛑ 💄 💍 💼

Animals and nature
🐶 🐱 🐭 🐹 🐰 🦊 🐻 🐼 🐻‍❄️ 🐨 🐯 🦁 🐮 🐷 🐽 🐸 🐵 🙈 🙉 🙊 🐒 🐔 🐧 🐦 🐤 🐣 🐥 🦆 🦅 🦉 🦇 🐺 🐗 🐴 🦄 🐝 🐛 🦋 🐌 🐞 🐜 🦟 🦗 🕷 🕸 🦂 🐢 🐍 🦎 🦖 🦕 🐙 🦑 🦐 🦞 🦀 🐡 🐠 🐟 🐬 🐳 🐋 🦈 🐊 🐅 🐆 🦓 🦍 🦧 🐘 🦛 🦏 🐪 🐫 🦒 🦘 🐃 🐂 🐄 🐎 🐖 🐏 🐑 🦙 🐐 🦌 🐕 🐩 🦮 🐕‍🦺 🐈 🐓 🦃 🦚 🦜 🦢 🦩 🕊 🐇 🦝 🦨 🦡 🦦 🦥 🐁 🐀 🐿 🦔 🐾 🐉 🐲 🌵 🎄 🌲 🌳 🌴 🌱 🌿 ☘️ 🍀 🎍 🎋 🍃 🍂 🍁 🍄 🐚 🌾 💐 🌷 🌹 🥀 🌺 🌸 🌼 🌻 🌞 🌝 🌛 🌜 🌚 🌕 🌖 🌗 🌘 🌑 🌒 🌓 🌔 🌙 🌎 🌍 🌏 🪐 💫 ⭐️ 🌟 ✨ ⚡️ ☄️ 💥 🔥 🌪 🌈 ☀️ 🌤 ⛅️ 🌥 ☁️ 🌦 🌧 ⛈️ 🌩 🌨 ❄️ ☃️ ⛄️ 🌬 💨 💧 💦 ☔️ ☂️ 🌊 🌫

Food and drinks
🍏 🍎 🍐 🍊 🍋 🍌 🍉 🍇 🍓 🍈 🍒 🍑 🥭 🍍 🥥 🥝 🍅 🍆 🥑 🥦 🥬 🥒 🌶 🌽 🥕 🧄 🧅 🥔 🍠 🥐 🥯 🍞 🥖 🥨 🧀 🥚 🍳 🧈 🥞 🧇 🥓 🥩 🍗 🍖 🦴 🌭 🍔 🍟 🍕 🥪 🥙 🧆 🌮 🌯 🥗 🥘 🥫 🍝 🍜 🍲 🍛 🍣 🍱 🥟 🦪 🍤 🍙 🍚 🍘 🍥 🥠 🥮 🍢 🍡 🍧 🍨 🍦 🥧 🧁 🍰 🎂 🍮 🍭 🍬 🍫 🍿 🍩 🍪 🌰 🥜 🍯 🥛 🍼 ☕️ 🍵 🧃 🥤 🍶 🍺 🍻 🥂 🍷 🥃 🍸 🍹 🧉 🍾 🧊 🥄 🍴 🍽 🥣 🥡 🥢 🧂

Activity and sport
⚽️ 🏀 🏈 ⚾️ 🥎 🎾 🏐 🏉 🥏 🎱 🪀 🏓 🏸 🏒 🏑 🥍 🏏 🥅 ⛳️ 🪁 🏹 🎣 🤿 🥊 🥋 🎽 🛹 🛷 ⛸ 🥌 🎿 ⛷ 🏂 🪂 🏋️‍♀️ 🏋️‍♂️ 🤼‍♀️ 🤼‍♂️ 🤸‍♀️ 🤸‍♂️ ⛹️‍♀️ ⛹️‍♂️ 🤺 🤾‍♀️ 🤾‍♂️ 🏌️‍♀️ 🏌️‍♂️ 🏇 🧘‍♀️ 🧘‍♂️ 🏄‍♀️ 🏄‍♂️ 🏊‍♀️ 🏊‍♂️ 🤽‍♀️ 🤽‍♂️ 🚣‍♀️ 🚣‍♂️ 🧗‍♀️ 🧗‍♂️ 🚵‍♀️ 🚵‍♂️ 🚴‍♀️ 🚴‍♂️ 🏆 🥇 🥈 🥉 🏅 🎖 🏵 🎗 🎫 🎟 🎪 🤹 🤹‍♀️ 🎭 🩰 🎨 🎬 🎤 🎧 🎼 🎹 🥁 🎷 🎺 🎸 🪕 🎻 🎲 ♟ 🎯 🎳 🎮 🎰 🧩

Travel and places
🚗 🚕 🚙 🚌 🚎 🏎 🚓 🚑 🚒 🚐 🚚 🚛 🚜 🦯 🦽 🦼 🛴 🚲 🛵 🏍 🛺 🚨 🚔 🚍 🚘 🚖 🚡 🚠 🚟 🚃 🚋 🚞 🚝 🚄 🚅 🚈 🚂 🚆 🚇 🚊 🚉 ✈️ 🛫 🛬 🛩 💺 🛰 🚀 🛸 🚁 🛶 ⛵️ 🚤 🛥 🛳 ⛴ 🚢 ⚓️ ⛽️ 🚧 🚦 🚥 🚏 🗺 🗿 🗽 🗼 🏰 🏯 🏟 🎡 🎢 🎠 ⛲️ ⛱ 🏖 🏝 🏜 🌋 ⛰ 🏔 🗻 🏕 ⛺️ 🏠 🏡 🏘 🏚 🏗 🏭 🏢 🏬 🏣 🏤 🏥 🏦 🏨 🏪 🏫 🏩 💒 🏛 ⛪️ 🕌 🕍 🛕 🕋 ⛩ 🛤 🛣 🗾 🎑 🏞 🌅 🌄 🌠 🎇 🎆 🌇 🌆 🏙 🌃 🌌 🌉 🌁

Objects
⌚️ 📱 📲 💻 ⌨️ 🖥 🖨 🖱 🖲 🕹 🗜 💽 💾 💿 📀 📼 📷 📸 📹 🎥 📽 🎞 📞 ☎️ 📟 📠 📺 📻 🎙 🎚 🎛 🧭 ⏱ ⏲ ⏰ 🕰 ⌛️ ⏳ 📡 🔋 🔌 💡 🔦 🕯 🪔 🧯 🛢 🛍️ 💸 💵 💴 💶 💷 💰 💳 💎 ⚖️ 🧰 🔧 🔨 ⚒ 🛠 ⛏ 🔩 ⚙️ 🧱 ⛓ 🧲 🔫 💣 🧨 🪓 🔪 🗡 ⚔️ 🛡 🚬 ⚰️ ⚱️ 🏺 🔮 📿 🧿 💈 ⚗️ 🔭 🔬 🕳 🩹 🩺 💊 💉 🩸 🧬 🦠 🧫 🧪 🌡 🧹 🧺 🧻 🚽 🚰 🚿 🛁 🛀 🧼 🪒 🧽 🧴 🛎 🔑 🗝 🚪 🪑 🛋 🛏 🛌 🧸 🖼 🛍 🛒 🎁 🎈 🎏 🎀 🎊 🎉 🎎 🏮 🎐 🧧 ✉️ 📩 📨 📧 💌 📥 📤 📦 🏷 📪 📫 📬 📭 📮 📯 📜 📃 📄 📑 🧾 📊 📈 📉 🗒 🗓 📆 📅 🪪 📇 🗃 🗳 🗄 📋 📁 📂 🗂 🗞 📰 📓 📔 📒 📕 📗 📘 📙 📚 📖 🔖 🧷 🔗 📎 🖇 📐 📏 🧮 📌 📍 ✂️ 🖊 🖋 ✒️ 🖌 🖍 📝 ✏️ 🔍 🔎 🔏 🔐 🔒 🔓 Symbols ❤️ 🧡 💛 💚 💙 💜 🖤 🤍 🤎 💔 ❣️ 💕 💞 💓 💗 💖 💘 💝 💟 ☮️ ✝️ ☪️ 🕉 ☸️ ✡️ 🔯 🕎 ☯️ ☦️ 🛐 ⛎ ♈️ ♉️ ♊️ ♋️ ♌️ ♍️ ♎️ ♏️ ♐️ ♑️ ♒️ ♓️ 🆔 ⚛️ 🉑 ☢️ ☣️ 📴 📳 🈶 🈚️ 🈸 🈺 🈷️ ✴️ 🆚 💮 🉐 ㊙️ ㊗️ 🈴 🈵 🈹 🈲 🅰️ 🅱️ 🆎 🆑 🅾️ 🆘 ❌ ⭕️ 🛑 ⛔️ 📛 🚫 💯 💢 ♨️ 🚷 🚯 🚳 🚱 🔞 📵 🚭 ❗️ ❕ ❓ ❔ ‼️ ⁉️ 🔅 🔆 〽️ ⚠️ 🚸 🔱 ⚜️ 🔰 ♻️ ✅ 🈯️ 💹 ❇️ ✳️ ❎ 🌐 💠 Ⓜ️ 🌀 💤 🏧 🚾 ♿️ 🅿️ 🈳 🈂️ 🛂 🛃 🛄 🛅 🚹 🚺 🚼 ⚧ 🚻 🚮 🎦 📶 🈁 🔣 ℹ️ 🔤 🔡 🔠 🆖 🆗 🆙 🆒 🆕 🆓 0️⃣ 1️⃣ 2️⃣ 3️⃣ 4️⃣ 5️⃣ 6️⃣ 7️⃣ 8️⃣ 9️⃣ 🔟 🔢 #️⃣ *️⃣ ⏏️ ▶️ ⏩ ⏪ ⏫ ⏬ ◀️ 🔼 🔽 ➡️ ⬅️ ⬆️ ⬇️ ↗️ ↘️ ↙️ ↖️ ↕️ ↔️ ↪️ ↩️ ⤴️ ⤵️ 🔀 🔁 🔂 🔄 🔃 🎵 🎶 ➕ ➖ ➗ ✖️ ♾ 💲 💱 ™️ ©️ ®️ 〰️ ➰ ➿ 🔚 🔙 🔛 🔝 🔜 ✔️ ☑️ 🔘 🔴 🟠 🟡 🟢 🔵 🟣 ⚫️ ⚪️ 🟤 🔺 🔻 🔸 🔹 🔶 🔷 🔳 🔲 -️ ▫️ ◾️ ◽️ ◼️ ◻️ 🟥 🟧 🟨 🟩 🟦 🟪 ⬛️ ⬜️ 🟫 🔈 🔇 🔉 🔊 🔔 🔕 📣 📢 👁‍🗨 💬 💭 🗯 ♠️ ♣️ ♥️ ♦️ 🃏 🎴 🀄️ 🕐 🕑 🕒 🕓 🕔 🕕 🕖 🕗 🕘 🕙 🕚 🕛 🕜 🕝 🕞 🕟 🕠 🕡 🕢 🕣 🕤 🕥 🕦 🕧

How do they look, and which are missing?

There are still no support on any email clients for the newest emojis, added last year 2022.

Emoji no support

Newer emojis will not be recognized by email clients

So what Emojis are supported then?

We will here differentiate between Outlook clients, Apple devices, and Google and Android devices.

Outlook - Mood Emojis

Outlook Emojis

On Outlook we are missing 9 emojis for the mood palette and 3 emojis that have a combination of 2 emojis.

Outlook missing Emojis

Apple devices - Mood emojis

Apple Emojis

On Apple devices (Mac, iPad, iPhones, Watch) there is only 1 emoji missing in the mood palette.

Shaking emoji

Google devices - Mood emojis

Google emojis

On Google devices and the Chrome browser accessed on Windows, there is only 1 missing emoji

Shaking emoji

Ready to start making Better emails? Book a demo here.

Bimi - your brand's Email Identity

· 4 min read
Nicki Pabst
Bimi - your brand's Email Identity

Discover the Brand Indicators for Message Identification - a game-changer for email authenticity. Learn how BIMI enhances trust and engagement in email marketing

1. What is BIMI?

At its core, BIMI is an email authentication protocol that empowers brands to display their logos alongside their email messages in their recipients' inboxes. This simple yet effective concept provides an instant visual cue that the email is legitimate and originates from a trusted source. By implementing BIMI, brands can bolster their email deliverability, increase open rates, and cultivate a sense of authenticity that resonates with recipients.

2. Where is it supported?

BIMI is gaining traction across the digital landscape. Major email providers like Gmail, Yahoo, and AOL are backing this protocol, ensuring that your brand's logo can be proudly displayed next to your email messages for a more engaging user experience. This widespread adoption signifies the growing importance of email authentication in establishing a brand's credibility.

3. What are the Benefits?

The benefits of BIMI extend far beyond mere aesthetics. Here's how brands stand to gain from implementing BIMI:

  • Enhanced Trust: Displaying your logo within the inbox provides an immediate visual trust indicator, reducing the likelihood of recipients mistaking your emails for phishing attempts.

  • Increased Open Rates: A recognizable logo makes your emails stand out, encouraging recipients to open and engage with your content.

  • Consistent Branding: BIMI ensures that your brand's visual identity remains consistent across all email clients, reinforcing brand recognition.

  • Improved Deliverability: Email providers are more likely to route authenticated emails to the inbox, reducing the chances of your messages ending up in the spam folder.

4. How to set it up

Getting started with BIMI might sound complex, but it's a worthwhile investment for any marketing professional. Here's a step-by-step guide to implementing BIMI:

Note: You will need to have access to your hosting service to set it up.

  1. Test if your SPF, DKIM and DMARC is correctly setup. Use - Bimigroup and enter your website. Note: If you do not have a correct DMARC setup you can use this example that we use at Better email, and change out with your preferred email address.

    Copy

    v=DMARC1;p=quarantine;pct=25;rua=mailto:[email protected]:ruf=mailto:[email protected]
  2. Prepare your logo. BIMI only accepts SVG format, and most mails clients will round the edges of the logo, so be sure to give it a little padding. After that, please convert your SVG via this website, for correct settings in the SVG code Easydmarc.com

Bimi logo tips

  1. Upload your image to your website or a public accessible server

  2. Note: This step is not necessary and cost $1.499/pr year, but the benefit is to show up in Gmail Register your logo on https://order.digicert.com and after follow this guide

  3. Prepare the TXT for your DNS

    default._bimi.[Your website] IN TXT "v=BIMI1; l=[URL for the SVG]"
    Here is the example for Better Email
    default._bimi.better.email IN TXT "v=BIMI1; l=https://assets.better.email/1/a8fbba63-2d6c-47e2-9289-994c00df3642.svg"
  4. Check Bimigroup generator if all your settings are correct

5. The BIMI VMC HACK for Gmail

If you do not want to pay for VMC, there is a sneaky hack to avoid it. If you register the email address on Google. Fx [email protected]. Then you can create a profile image for that specific email address.

Conclusion In the competitive landscape of email marketing, standing out and building trust are paramount. BIMI not only achieves this, but also adds a layer of visual authenticity that today's consumers demand. As the face of your company before it's even opened, BIMI holds the potential to transform your email campaigns, making them more engaging, effective, and ultimately, more rewarding for your brand and your audience.

For more in-depth insights about BIMI, I recommend checking out resources from BIMI Group, Postmark, and Litmus.

Remember, in the ever-evolving world of email marketing, adopting innovative solutions like BIMI could be the differentiating factor that sets your brand apart from your competitors and propels your campaigns toward success.

Bimi support

Common issues

  1. BIMI is not showing up A. Did you test your setup through Bimigroup? If yes, the problem can be, that you are sending from an address with a unique ID such as [email protected] Be sure to send from a generic ID, such as [email protected] or [email protected] B. Did you check if your SVG got approved? BIMI requires specific code inside your SVG, and you therefor need to run your SVG through. bimi-logo-converter C. Did you check that the email client you are receiving your email supports BIMI? Fx Gmail only supports VMC BIMI (the paid BIMI)

  2. BIMI is not showing on darkmode Simply put a white background behind the SVG.

The perfect button

· 3 min read
Nicki Pabst
The perfect button

Emoji article cover image

Here is the guide to make a full supported button, rounded or square

Transparent Round button

Transparent button

This button is fully transparent, and you will not have to worry about which background color you will put on top of. To work properly in Outlook, the button needs to have a width.

<td align="center">
<div>

<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="width:111px; height:45px; v-text-anchor:middle;" arcsize="73%" stroke="#245157" strokecolor="#245157" strokeweight="2pt">
<w:anchorlock/>
<center>
<![endif]-->

<a class="button_outline" href="#" style="mso-border-color-alt: none; mso-border-alt: none; background-color:transparent; border:2px solid #245157; border-radius:100px; color:#245157; display:inline-block;font-size: 16px; font-family: Montserrat, Arial, sans-serif; font-weight:500;line-height:22px;text-align:center;text-decoration:none;-webkit-text-size-adjust:none; min-width:85px; padding: 8px 30px; mso-padding-alt: 0 20px;" target="_blank">I'm a button</a><!--[if mso]>

</center>
</v:roundrect>
<![endif]-->

</div>
</td>

Within our platform, we calculate the width in Liquid, and therefore the will the width of the button always be the perfect size. The Liquid code looks like this:

{% assign buttonWidth = article.cta_text | size | times: 8 | plus: 55% | round %}

Full color Round button

Full color button

This button has a background color, and is less tricky to deal with. Not only is the whole button clickable in Outlook, it is also rounded and size-accurate

<td align="center">
<div>

<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="width:111px; height:45px; v-text-anchor:middle; border: 1px solid #245157; mso-padding-alt: 12px 55px 12px 55px;" arcsize="73%" stroke="f" fillcolor="#245157" strokecolor="#245157">
<w:anchorlock/>
<center>
<![endif]-->

<a class="button" href="#" style=" background-color:#245157;border-radius:100px; color:#ffffff; display:inline-block;font-size: 16px; font-family: Montserrat, Arial, sans-serif; font-weight:500;line-height:22px;text-align:center;text-decoration:none;-webkit-text-size-adjust:none; min-width:85px; padding: 8px 30px; mso-padding-alt: 0 20px;; pointer-events: none;">I'm a button</a>

<!--[if mso]>
</center>
</v:roundrect>
<![endif]-->

</div>
</td

Hover animation on the buttons

Hover animation button
.button{
background-color:#245157;
color:#ffffff;
border: 2px solid #245157;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}
.button:hover{
background-color:#54bdcb !important;
color:#ffffff !important;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}

Square responsive button for Outlook

Square button

Unfortunately, if you do not use Better.email, you cannot have a responsive AND round button. We use liquid to calculate the width of the button, and other systems are simply not able to do that. However, here is a square responsive button. That means you do not have to add a width.

<tr>
<!--[if mso]>
<td align="center">
<table cellspacing="0" cellpadding="0" border="0" style="vertical-align:middle; background-color: #191919; mso-padding-alt: 12px 40px 12px 40px;">
<tr>
<![endif]-->

<td align="center">
<a href="#" class="button" style="mso-line-height-alt: 22px; border: 1px solid #191919; background-color: #191919; color:#ffffff; display:inline-block;mso-bidi-font-family: Helvetica, Arial, sans-serif; font-family: 'Special Font', Helvetica, Arial, sans-serif; font-size:14px;font-weight:400;line-height:44px;text-align:center;text-decoration:none;min-width:145px; -webkit-text-size-adjust:none; padding: 0 20px 0 20px; text-transform:uppercase;" target="_blank">I'M A BUTTON</a>
</td>

<!--[if mso]>
</tr>
</table>
</td>
<![endif]-->
</tr>


Ready to start making Better emails? Book a demo here.