import React from "react" ; import { styled } from "~/gatsby-theme-stitches/config" ; import { rem } from "polished" ; export const DownloadBtnMobile = ( ) => { return ( < Wrapper > < Button href = "https://daangn.onelink.me/oWdR/8acb4cba" > 당근마켓 앱 다운로드 < /Button> < /Wrapper>); } ; const Wrapper = styled ( "div" , { position : "fixed" , zIndex : 10 , bottom : 0 , left : 0 , right : 0 , "@md" : { display : "none" , } , } ) ; const Button = styled ( "a" , { display : "flex" , flexDirection : "row" , alignItems : "center" , justifyContent : "center" , marginX : rem ( 16 ) , height : rem ( 54 ) , marginBottom : rem ( 16 ) , borderRadius : 10 , backgroundColor : "$carrot500" , color : "$white" , fontSize : 16 , fontWeight : "bold" , textDecoration : "none" , "&:hover" : { backgroundColor : "$carrot600" , } , } ) ;