ui(about): restyle discord join us button

src/components/DiscordButton/index.tsx

@@ -4,6 +4,7 @@ import * as SC from "./styles"
 export const DiscordButton: FC = ({ children }) => {
   return (
     <SC.DiscordButtonWrapper
+      className="button"
       rel="noreferrer"
       href="https://discord.gg/programming"
     >

src/components/DiscordButton/styles.tsx

@@ -2,8 +2,7 @@ import styled from "styled-components"
 import DiscordLogo from "../../images/discord-logo.svg"
 
 export const DiscordButtonWrapper = styled.a`
-  margin-top: 32px;
-  display: flex;
+  display: inline-flex;
   align-items: center;
   font-family: "Montserrat", sans-serif;
   font-size: 24px;

src/components/Home/styles.tsx

@@ -94,6 +94,7 @@ export const Menu = styled.nav`
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
+  margin-bottom: 32px;
 `
 
 export const MenuItemText = styled.div`

src/components/Markdown/styles.tsx

@@ -167,7 +167,7 @@ export const MarkdownWrapper = styled.div`
     padding-left: ${BASE_LINE_HEIGHT}px;
   }
 
-  a:not(.anchor) {
+  a:not(.anchor):not(.button) {
     display: inline-block;
     position: relative;
     font-weight: 700;