lil home page

src/styles/button.css

@@ -0,0 +1,26 @@
+.btn {
+    @apply bg-blue-800 text-white font-bold py-2 px-4 rounded cursor-pointer select-none mx-2;
+    @apply hover:bg-blue-700;
+    transition: all 0.5s cubic-bezier(.2,3,.67,.6),
+                background-color .1s ease-in-out,
+                outline-width .1s ease-in-out,
+                outline-color .1s ease-in-out;
+    @apply active:scale-90;
+
+    .btn__text {
+        @apply inline-block;
+    }
+}
+
+.btn-gray {
+    @apply bg-gray-800 text-white font-bold py-2 px-4 rounded cursor-pointer select-none mx-2;
+}
+
+.btn-text {
+    @apply bg-transparent underline;
+    @apply hover:bg-transparent hover:outline hover:outline-1;
+
+    .btn__text {
+        @apply underline;
+    }
+}