Created the Button styles.sass

2023-11-18 19:32:24 +01:00 · 2023-11-18 19:32:24 +01:00 · 71777a2030
commit 71777a2030
parent d7b7a3be26
1 changed files with 19 additions and 0 deletions
--- a/client/src/common/components/Button/styles.sass
+++ b/client/src/common/components/Button/styles.sass
@ -0,0 +1,19 @@
+@import "@styles/colors"
+
+.btn
+  display: flex
+  align-items: center
+  gap: 1rem
+  color: $text
+  padding: 0.7rem 1.5rem
+  border-radius: 0.5rem
+  font-size: 1.2rem
+  font-weight: 600
+  cursor: pointer
+  transition: 0.2s
+
+  &:hover
+    transform: scale(1.03) rotate(2deg)
+
+  &:active
+    transform: scale(0.95) rotate(-2deg)