diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte index c09a1ae..75de5ce 100644 --- a/src/lib/components/atoms/Button.svelte +++ b/src/lib/components/atoms/Button.svelte @@ -27,7 +27,6 @@ background-color: transparent; font-size: 1.5rem; margin-top: 45px; - transform: translateX(-5%); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 0.4s; margin-right: 20px; @@ -44,6 +43,6 @@ } button:hover { - transform: translate(-5%, -5%); + transform: translate(0%, -5%); } diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte index 647191b..018aa3e 100644 --- a/src/lib/components/atoms/ContributorButton.svelte +++ b/src/lib/components/atoms/ContributorButton.svelte @@ -16,6 +16,7 @@ a { color: var(--white); text-decoration: none; + text-align: center; } button { @@ -30,14 +31,13 @@ cursor: pointer; background-color: var(--grey-four); font-size: 1.5rem; - transform: translateX(-5%); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 0.4s; user-select: none; } button:hover { - transform: translate(-5%, -5%); + transform: translate(0%, -5%); } img { diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte index 6f88cb9..2321ff8 100644 --- a/src/lib/components/atoms/SocialButton.svelte +++ b/src/lib/components/atoms/SocialButton.svelte @@ -21,7 +21,6 @@ cursor: pointer; background-color: var(--grey-four); font-size: 1.5rem; - transform: translateX(-5%); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 0.4s; user-select: none; @@ -34,7 +33,7 @@ } button:hover { - transform: translate(-5%, -5%); + transform: translate(0%, -5%); } button:hover img {