Created the Button style

2023-04-18 18:58:30 +02:00 · 2023-04-18 18:58:30 +02:00 · 81b30ca3ae
commit 81b30ca3ae
parent 024fd39cc5
1 changed files with 23 additions and 0 deletions
--- a/src/common/components/Button/styles.sass
+++ b/src/common/components/Button/styles.sass
@ -0,0 +1,23 @@
+@import "@styles/colors"
+
+.btn
+  display: flex
+  justify-content: center
+  align-items: center
+  padding: 0.5rem 1rem
+  border-radius: 0.5rem
+  background-color: $primary
+  color: $background
+  font-size: 16pt
+  font-weight: 700
+  cursor: pointer
+  border: none
+  gap: 0.5rem
+  transition: background-color 0.1s ease-in-out, transform 0.1s ease-in-out
+
+.btn:hover
+  filter: brightness(0.9)
+
+.btn:active:not(:disabled)
+  filter: brightness(0.8)
+  transform: scale(0.98)