Call to Action Links

To style a call to action link, add the class 'cta'

Note that we used to call this style, "links styled as buttons." We felt that this lead to confusion and miscommunication, especially with regards to accessibility, as buttons have a specific semantic role in HTML. The class 'button' will still work, but is deprecated. We

I'm a link!
Style Options

Links styled as calls to action have a number of classes that can be used to alter the style, shape, color, and size of the "cta". Defaults are filled, round, and blue. There are no classes for these defaults. Add any of the following classes to the <a> tag to customize your links. You can use any combination of these custom classes to produce a large number of possible link styles.

class(es) used (default) .outline .square .small .large
.light-blue Sample Sample Sample Sample Sample
(default) Sample Sample Sample Sample Sample
.dark-blue Sample Sample Sample Sample Sample
.light-green Sample Sample Sample Sample Sample
.green Sample Sample Sample Sample Sample
.dark-green Sample Sample Sample Sample Sample
.white Sample Sample Sample Sample Sample