refactored the lines for button styling in join-us page

[mehmehmehlol]

Fixes #2165

What changes did you make and why did you make them ?

• I refactored the lines that are stated in the issue
• Added an additional variable, .btn--default on _buttons.scss from website/_sass/elements after inquiring @abuna1985
• Note: After refactoring, the buttons did not appear as they were originally on my browser. I would attach the screenshot under the section of "visuals after change". I had reached out to @abuna1985 with my concerns. It appeared the refactoring did not make the drastic change on Adam's browser like on my browser -- as in the newly added variable on scss did not show up in my inspect. It might just be a minor issue on my end.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

From your project repository, check out a new branch and test the changes.

git checkout -b mehmehmehlol-join-us-refactor-buttons-2165 gh-pages
git pull https://github.com/mehmehmehlol/website.git join-us-refactor-buttons-2165

[abuna1985]

@mehmehmehlol Great job. Thank you for helping with the button implementation and working with me on a resolution to apply the style changes. I only have one request:

• It seems the class name in the <a> is btn-defualt. Please change it to btn--default and commit/push your changes to update this pull request.

Thank you.

[abuna1985]

@mehmehmehlol I see the update and everything looks good on the Join page buttons. Great work! 🥳 🥳 🥳

Thank you for helping us with the system design implementation.

[adrian-zaragoza]

These changes look good! Thank you!

[macho-catt]

LGTM. Good job on this!