Make call to action button component

[Belco90]

Changes

• Implements new CTAButton component
• Uses new component homepage

Context

Closes #269

Not sure if the hover and active status look great so lighter?

CleanShot.2021-10-19.at.20.04.42.mp4

[Belco90]

Maybe we can do something with the box shadow around the button when it's clicked/active? That would retain the shape of the button, without losing text contrast.

Sure, I can do that.

The problem with having fuchsia as a text color, is that it needs to be a really dark fuchsia on a white background, so I cannot do anything with the call to action text itself, like lighten it, because that would lead to unreadable contrast.

Do we actually need to stick to fuchsia as text color? It would be probably better to leave the background in fuchsia and the text color in white, so it improves the contrast and we don't need so lighter colors for hovering/clicking. Something closer to the Toggle Dark button, but following your design.

[HonkingGoose]

Do we actually need to stick to fuchsia as text color? It would be probably better to leave the background in fuchsia and the text color in white, so it improves the contrast and we don't need so lighter colors for hovering/clicking. Something closer to the Toggle Dark button, but following your design.

I want our CTA button to match our mascot's main color, so that's why I'm using Fuchsia as text color. The idea is that our site "feels" fuchsia, because that's the octopus main body color. 😉

I don't like having white text on a colored background, it looks ugly, and it has less contrast than having a dark colored text on a light background.

[Belco90]

I want our CTA button to match our mascot's main color, so that's why I'm using Fuchsia as text color. The idea is that our site "feels" fuchsia, because that's the octopus main body color. 😉

I don't like having white text on a colored background, it looks ugly, and it has less contrast than having a dark colored text on a light background.

Fair enough! I've checked your changes, it looks better. I'll apply the shadow improvements later.