site/components/bank/apply-button.js

import { Button, Text, Image, Flex } from 'theme-ui'
import Icon from '../icon'

export default function ApplyButton() {
    return (
        <Button
            variant='ctaLg'
            as='a'
            href='apply'
            sx={{
                width: '100%',
                height: '4.2rem',
                // borderRadius: '1.5rem',
            }}
        >
            <Flex sx={{
                alignItems: 'center',
                gap: 3,
                mr: '-32px' // Man...
            }}>
                <Text
                    color='white'
                    sx={{ fontWeight: 'bold', fontSize: 4 }}
                >Apply now</Text>
                <Icon glyph='view-forward' size={46} color='white' />
                </Flex>
            </Button>
    )
}