1import {Link} from 'gatsby' 2import {colors} from '../theme' 3import styled from 'styled-components' 4 5export const LinkButton = styled(Link)` 6 background-color: ${colors.red}; 7 color: ${colors.white}; 8 font-size: 20px; 9 border-radius: 1px; 10 padding: 20px; 11 box-shadow: 8px 8px 0 rgba(251,59,73,.2); 12 text-decoration: none; 13 text-align: center; 14 display: inline-block; 15 min-width: 180px; 16 font-weight: 700; 17 transition: opacity .5s; 18 19 &:hover { 20 opacity: .8; 21 } 22` 23