Here are some options to help improve your experience
Building fast web pages
Creating a design language
From Nunjucks to NPM, see how I work
Designing with accessibility in mind
From rapid prototypes to hifi designs
Increasing conversion based on data
Avoiding repetition and increasing consistency in design
Used to navigate the site or perform actions.
Buttons are to be used to perform an action on a page and not to navigate to other pages.
<button class="cta cta--primary" type="button" name="button">Button</button>
<button class="cta cta--secondary" type="button" name="button">Button</button>
<button class="cta cta--tertiary" type="button" name="button">Button</button>
Links are used to navigate around the site or onto other websites. If a button is required to perform an action on a page but a CTA would be too visually loud a button that is styled like a link can be used.
<a class="default-link" href="#">Link</a>
<a class="reverse-link" href="#">Link</a>