Add explicit button class to style buttons like the mobile menu toggle.

README.md

@@ -559,7 +559,7 @@ The users choice is stored in localStorage item "cookieconsent".
 It it recommended to add a link or button to allow users to change their choice. Adding the class "clearcookieconsent" is all that is needed.
 
 ```html
-<button class="clearcookieconsent">Cookie settings</button>
+<button class="button clearcookieconsent">Cookie settings</button>
 <a href="#" class="clearcookieconsent">Cookie settings</a>
 ```
 

assets/sass/components/button/_button.scss

@@ -1,12 +1,4 @@
 // Button
-//
-// In addition to the default styling of `<button>` and
-// `<input type="submit|image|reset|button">` elements, the `.button` class and
-// its variants can apply buttons styles to various elements (like an `<a>`
-// link).
-//
-// :hover  - Hover styling.
-// :active - Depressed button styling.
 
 .button,
 %button,

layouts/_partials/mobilemenu.html

@@ -1,6 +1,6 @@
 <div class="mobile-nav" dir="ltr" hidden>
   <div class="mobile-nav__cover"></div>
-  <button class="mobile-nav__toggle{{ if $.Param "mobilemenuoutline" }} button--outline{{ end }}" aria-expanded="false" aria-controls="sheet">
+  <button class="mobile-nav__toggle button{{ if $.Param "mobilemenuoutline" }} button--outline{{ end }}" aria-expanded="false" aria-controls="sheet">
     {{ i18n "menu_mobile" }}
     <svg class="mobile-nav__hamburger" viewBox="0 0 100 100" focusable="false" aria-hidden="true">
       <rect width="80" height="12" x="10" y="20" rx="5"></rect>