Rounded corners in outlook without images

Question

I can create rounded corners in many clients with

style=\"-moz-border-radius: 15px; border-radius: 15px;\"

However this CSS does not create

Answer 1

Further to @VanAlberts answer which shows Eli Dickinson's great work. Here is a link to Eli's git repo https://gist.github.com/elidickinson/9424116

I thought I would share my improvement to Eli's code which allows for dynamic width button based on the text inside.

I found this https://litmus.com/community/discussions/538-vml-outlook-07-10-13-unwanted-20px-padding-at-the-bottom which shows how to use mso-fit-shape-to-text:true

And this https://litmus.com/community/discussions/1269-flexible-multi-line-bulletproof-buttons which shows how to avoid some unwanted padding.

This is my end result

  
  
 
 
  

    
    
      Button Text Here!
    
    
  
 
  
 
 
  

Seems to work great in outlook 2016 which uses word to render HTML