anchor.diff:          a.c-Btn regular button
           a.c-Btn.c-Btn--dominant dominant button!
           a.c-Btn regular button
  +      div(style="margin-bottom: 1.5rem;")
  +        a.c-Btn.c-Btn--dominant dominant button hover
  +        a.c-Btn.c-Btn--dominant dominant button active
  +        a.c-Btn.c-Btn--dominant dominant button disabled
         pre.
           &lt;a class="#[u c-Btn]"&gt;regular button&lt;/a&gt;
           &lt;a class="#[u c-Btn]  #[u c-Btn--dominant]"&gt;dominant button!&lt;/a&gt;
  
positive.code:     h3 Hero Buttons
      p Hero button, for action button(s) in hero section. Combine with Highlight button to make bigger.
      figure.sg-c-Fig
        div(style="margin-bottom: 1.5rem;")
          a.c-Btn.c-Btn--hero hero button
        pre.
          &lt;a class="#[u c-Btn]  #[u c-Btn--hero]"&gt;hero button&lt;/a&gt;
      h3 Dominant Buttons
  
negative.code:         The following button,
          #[a.c-Btn.c-Btn--inline inline button],
          is in line with the text in this paragraph.
        p Lorem ipsum #[a.c-Btn.c-Btn--inline inline button hover] dolor.
        p Lorem ipsum #[a.c-Btn.c-Btn--inline inline button active] dolor.
        p Lorem ipsum #[a.c-Btn.c-Btn--inline inline button disabled] dolor.
        pre.
          &lt;p&gt;The following button,
            &lt;a class="#[u c-Btn]  #[u c-Btn--inline]"&gt;inline button&lt;/a&gt;,
  