25 lines
640 B
React
25 lines
640 B
React
|
import styled from "styled-components";
|
||
|
|
|
||
|
|
const BtnBaseStyled = styled.button`
|
||
|
|
cursor: pointer;
|
||
|
|
border: 1px solid ${({ bgcolor }) => bgcolor};
|
||
|
|
background-color: ${({ bgcolor }) => bgcolor};
|
||
|
|
color: ${({ fontcolor }) => fontcolor};
|
||
|
|
padding: 6px 16px 3px;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin: 12px 0;
|
||
|
|
font-size: 18px;
|
||
|
|
font-family: "Helvetica55";
|
||
|
|
vertical-align: baseline;
|
||
|
|
transition: all 0.2s linear;
|
||
|
|
&:hover {
|
||
|
|
border: 1px solid ${({ bgcolor }) => bgcolor};
|
||
|
|
color: ${({ bgcolor }) => bgcolor};
|
||
|
|
background-color: ${({ fontcolor }) => fontcolor};
|
||
|
|
transition: all 0.2s linear;
|
||
|
|
}
|
||
|
|
`;
|
||
|
|
|
||
|
|
export default BtnBaseStyled;
|
||
|
|
|