feat: add button

This commit is contained in:
Nazareno Oviedo 2022-04-11 09:52:48 -03:00
parent 21cc7275b4
commit c951893bcb
2 changed files with 18 additions and 1 deletions

View File

@ -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');
}
}

View File

@ -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
</Benefit>
</ul>
<ButtonLink className={s['button']} variant="primary" href="/">
Get Started
</ButtonLink>
</Container>
</Container>
</div>