1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/Button.module.css b/src/components/Button.module.css
new file mode 100644
index 0000000..7041eaf
--- /dev/null
+++ b/src/components/Button.module.css
@@ -0,0 +1,29 @@
+.btn:last-child {
+  margin-bottom: 0;
+}
+.generic-button {
+  display: grid;
+  place-items: center;
+  border: 3px solid #222;
+  color: white;
+  border-radius: 15px;
+  font-size: 1.6em;
+  width: 100%;
+  transition: transform 0.05s;
+  user-select: none;
+}
+.generic-button:enabled:active {
+  transform: scale(0.8);
+  box-shadow: inset 0px 0px 5px 0px black;
+}
+.generic-button:disabled {
+  filter: grayscale(0.8);
+}
+.btn {
+  composes: generic-button;
+  --page-size-without-margins: (
+    100svh - (var(--rows-count) + 1) * var(--btn-gap)
+  );
+  --btn-height: calc(var(--page-size-without-margins) / var(--rows-count));
+  height: var(--btn-height);
+}