diff --git a/src/components/sections/homepage/benefits/benefits.module.scss b/src/components/sections/homepage/benefits/benefits.module.scss index 1b7db00..131d017 100644 --- a/src/components/sections/homepage/benefits/benefits.module.scss +++ b/src/components/sections/homepage/benefits/benefits.module.scss @@ -31,7 +31,7 @@ } @include respond-to('mobile') { - padding-bottom: tovw(135px, 'mobile'); + padding-bottom: tovw(105px, 'mobile'); .grid { display: flex; @@ -148,6 +148,10 @@ padding-top: tovw(16px, 'default', 16px); padding-right: 0; + @include respond-to('mobile') { + padding-right: tovw(16px, 'mobile'); + } + &__container { @include respond-to('mobile') { padding-right: 0; @@ -175,3 +179,12 @@ } } } + +.button { + margin-top: tovw(32px, 'default', 32px); + @include respond-to('mobile') { + width: 100%; + text-align: center; + margin-top: tovw(40px, 'mobile'); + } +} diff --git a/src/components/sections/homepage/benefits/index.tsx b/src/components/sections/homepage/benefits/index.tsx index fddcfb9..5f953e1 100644 --- a/src/components/sections/homepage/benefits/index.tsx +++ b/src/components/sections/homepage/benefits/index.tsx @@ -4,6 +4,7 @@ import { Arrow } from '~/components/icons/arrow' import Line from '~/components/icons/line' import { Container } from '~/components/layout/container' import Section from '~/components/layout/section' +import { ButtonLink } from '~/components/primitives/button' import Heading from '~/components/primitives/heading' import Benefit from './benefit' @@ -130,6 +131,9 @@ const Benefits = () => { LNT rewards for network participation + + Get Started +