adds button radius and rounded to docs

diff --git a/docs/pages/button.md b/docs/pages/button.md
index 2240bcb6da048d30814fee36e7e086f23c67fae1..fde107bfd864a76612de831067573162b02fcecd 100644 (file)
--- a/docs/pages/button.md
+++ b/docs/pages/button.md
@@ -55,3 +55,19 @@ Change the background color of a button by adding the class `.secondary`, `.succ
 <button href="zurb.com" class="warning">Warning Button</button>
 <button href="zurb.com" class="alert">Alert Button</button>
 ```
+
+---
+
+## Radius and Round
+
+Creating buttons with a radius or rounded edges (like a pill) can be achieved by adding the `.radius` or `.rounded` class to a button.
+
+*Note - border-radius is not supported on Outlook 2000-2013, Yahoo! Mail, and Android 4+ (Gmail)*
+
+*Note - In order to create `.radius` and `.rounded` buttons, the border needs to be removed.*
+
+```inky_example
+<button href="#" class="radius">Radius</button>
+<button href="#" class="rounded">Round</button>
+
+```