Our button components live in components > elements > button. The default button is set to

For example, let’s say you’re interested in creating a button that looks like this:

To use the button, import it with: import { Button } from "../../../elements/Button”

And call for it by using:

<Button
  title="Start Your Application"
  href="YOUR URL BETWEEN QUOTATIONS HERE"
  variant="primary_lightBG"
/>

<aside> 🤔 Where can I find the variant colors for these buttons in VS Code? Most button colors are already defined in the Button.module.scss.

</aside>

<aside> 🔎 #PRIMARY_BERRY? $BERRY_3? How do these buttons get their colors? They are defined in styles/variables.scss.

</aside>