diff --git a/src/common/components/Button/Button.jsx b/src/common/components/Button/Button.jsx index 14779bc..af4d152 100644 --- a/src/common/components/Button/Button.jsx +++ b/src/common/components/Button/Button.jsx @@ -1,8 +1,8 @@ import "./styles.sass"; -export const Button = ({children, onClick}) => { +export const Button = ({children, onClick, size = "normal"}) => { return ( - ); diff --git a/src/common/components/Button/styles.sass b/src/common/components/Button/styles.sass index c001e28..031e707 100644 --- a/src/common/components/Button/styles.sass +++ b/src/common/components/Button/styles.sass @@ -4,13 +4,20 @@ background-color: $primary border: none color: $text - padding: 0.5rem 1rem - border-radius: 0.6rem - font-size: 14pt font-weight: 600 transition: all 0.2s cursor: pointer +.btn-size-normal + padding: 0.5rem 1rem + border-radius: 0.6rem + font-size: 14pt + +.btn-size-large + padding: 1rem 3rem + border-radius: 1rem + font-size: 18pt + .btn:hover filter: brightness(0.9)