diff --git a/src/common/components/Button/styles.sass b/src/common/components/Button/styles.sass new file mode 100644 index 0000000..6226993 --- /dev/null +++ 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) \ No newline at end of file